Vue 3 | Apollo Client/Server | Font Awesome | Tailwind CSS | Vue router | Capacitor | Firebase | | Node.js | VueUse | Mongoose | GraphQL | Express.js | Pinia | MongoDB
Mongo DB Atlas
account. Sign up for free hereNode.js
ideally >= version16.10
. Follow installation guide hereNetlify CLI
. Follow installation guide here
Sign in to your Mongo DB Atlas
account and create a free cluster
. Get the connection string of your cluster(e.g. mongodb+srv://myusername:[email protected]/?retryWrites=true&w=majority
) and copy it to DB_CONNECTION_STRING
property of your .env
file
//.env
DB_CONNECTION_STRING = "mongodb+srv://myusername:[email protected]/?retryWrites=true&w=majority"
yarn
Netlify dev
# Note: you need admin rights to execute this command. If your terminal doesn't have admin rights then you'll need to run with `sudo` command
- Follow setup guide for running in local web browser
- Android Studio. Follow installation guide here
- Android emulator or Android device. Follow guide here
yarn run:android
# Note: This will build and run your app directly from the terminal.
or
yarn open:android
# Note: This will open Android Studio. From there you can run or debug like any other native Android application.
- Follow setup guide for running in local web browser
- Device with MacOS installed
- Xcode. Download it for free here
This guide is only for iosSimulator. To run this on an iOS device you need to setup the proper certificate and provision from https://developer.apple.com
yarn run:ios
# Note: This will build and run your app directly from the terminal.
or
yarn open:ios
# Note: This will open Xcode. From there you can run or debug like any other native iOS application.
Like in Android, you have option to run the application directly from your IDE using
yarn run:ios
or you may open the app using Xcode
using
yarn open:ios
Some of the details shown can be updated through the admin console. To access just go to https://jeromemanzano.com/admin or if you are running it locally the https://localhost:8888/admin