8sd/swps_example

SWPS Example

This is an example project that shows how Vue + Vuetify + Supabase + Leaflet can be used together.

You need to install NodeJS first to use npm.

How to Run the Code

Setup

Make sure to install the dependencies:

npm install

or

yarn install

Development Server

Start the development server on http://localhost:3000 run:

npm run dev

or

yarn dev -o

Documentation

• Webdevelopment:

  1. https://developer.mozilla.org/
  2. https://www.w3schools.com/w3css/w3css_web_html.asp
  3. https://www.w3schools.com/w3css/w3css_web_css.asp
  4. https://www.w3schools.com/w3css/w3css_web_javascript.asp
  5. https://css-tricks.com/

• Vue (with Composition API):

  1. https://vuejs.org/
  2. https://vuejs.org/guide/introduction.html
  3. https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3/

• Vuetify:

  1. https://vuetifyjs.com/en/
  2. https://vuetifyjs.com/en/components/all/
  3. https://github.com/vuetifyjs/vuetify/tree/master/packages/docs/src/examples

• Supabase:

  1. https://supabase.com/docs
  2. https://supabase.com/docs/guides/getting-started/quickstarts/vue

• Leaflet:

  1. https://leafletjs.com/reference.html
  2. https://vue2-leaflet.netlify.app/

• Git:

  1. https://education.github.com/git-cheat-sheet-education.pdf

• Pages that can help with general questions:

  1. https://stackoverflow.com/
  2. https://google.com/
  3. https://ddg.co/
  4. https://chat.openai.com