Workplaces for digital nomads: the frontend

1. frontend

   1 1 3 0.0 Vue

   Frontend part of Workplaces in Cyprus website (by workplacescy)

   

   The entry component src/components/Home.vue:

2. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

3. vue-google-maps

   2 2 204 0.0 JavaScript

   Reactive Vue 3 components for Google maps

   

   The fawmi/vue-google-maps library, version 0.9.72, is used to display the map. The author broke the map in later versions and did not publish the source code on GitHub (however, these versions are available via npm).

4. vite-plugin-pwa

   3 12 3,612 7.5 TypeScript

   Zero-config PWA for Vite

   

   PWA is created with vite-pwa/vite-plugin-pwa, and its parameters are set in vite.config.js. In summary, the implementation of PWA was not a project aim, but it did provide good caching of all project components and resulted in a very quick reopening of the site.

5. vite

   4 912 73,369 9.9 TypeScript

   Next generation frontend tooling. It's fast!

   

   Builds the project with Vite and some magic in vite.config.js to optimise the final code, including CSS and HTML minification and the creation of a lighter version of Sentry.

6. vue-router

   5 46 18,987 4.7 JavaScript

   🚦 The official router for Vue 2

   

   A simple src/router/index.js router based on vue-router allows you to avoid utilising the store for now (with the current project capabilities) and helps with 404 error handling.

7. Sentry

   6 299 41,137 10.0 Python

   Developer-first error tracking and performance monitoring

   

   The same Sentry and Honeybadger.

8. Quasar Framework

   7 173 26,667 9.8 JavaScript

   Quasar Framework - Build high-performance VueJS user interfaces in record time

   

   Overall, I preferred Vuetify over Quazar and other UI frameworks. However, it has its own drawbacks:

9. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

10. purgecss

    8 55 7,931 8.0 TypeScript

    Remove unused CSS

    

    Unable to get rid of unused styles. Importing components individually and setting styles in SASS can greatly simplify builds, but several common unused styles can't be deleted using PurgeCSS and analogues due to dynamic class names.

11. MaterialDesign

    9 56 11,145 6.2

    ✒7000+ Material Design Icons from the Community

    

    Instead of using Vuetify's default font icons, the project imports SVG icons from the mdi/js package at https://materialdesignicons.com. This saves approximately 1 MB in the final package.

Suggest a related project