Quasar CRUD fullstack SPA (phone book)

Sample SPA(Single Page Application) with quasar framework for frontend and Apollo/GraphQL/MongoDB backend

Clone src on your PC

git clone https://github.com/alexxsub/quasar-CRUD-fullstack.git
cd quasar-CRUD-fullstack

Install the dependencies

npm i

Install MongoDB

see manual (https://docs.mongodb.com/manual/installation/)

Start backend

app configured without login and password to MongoDB

npm run server

open url in browser to GraphQL playground http://localhost:9000/graphql
Run query to load demo data. (russian names of persons)

mutation {
 loadDemoData
}

Start the SPA WEB interface in development mode (hot-code reloading, error reporting, etc.)

quasar dev

Lint the files

npm run lint

Build the SPA for production

quasar build

Start the SPA WEB interface from builded SPA (like production )

npm run web

Demo

App supports subscribes from Apollo server

Open 2,3,4 ... windows of app. The results of any CRUD actions in one window will be displayed in anothers. WOW! Amazing? Simple! :)

Screens of features UI

Main table of records

Add new record

Update record

Delete record

i18n Internationalization (4 languages:Russian,English,Deutsche,Français)

Quasar Framework

See Quasar.