This project is created using create-react-app (https://github.com/facebook/create-react-app) and Google FireStore as backend data persistence.
This app had been deployed to Firebase Hosting, visit https://sofax-appointment.web.app/ to view the app !
I use native browser prompt to get the user name and use it as a simple identification for the user, the user name from the prompt will be record into the Firestore document alongside with the appointment date & time, so if next time the user revisit the site and key in the same user name he/she will be able to view his/her appointments.
- Install NodeJS (instruction here: https://nodejs.org/en/download/package-manager/)
- You might need to update the NPM (https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
- Clone this repo.
- Go into the root folder.
- Run
npm installto install all the dependencies. - Run
npm run startto run the development server. - Open your browser and navigate to http://localhost:3000 to view the app.
This project use Google Firestore to persist the date. If you like to run this on your own Firestore instance, just follow this instruction (https://firebase.google.com/docs/firestore/quickstart) to create a new Firestore and update the config in firestore/index.ts to point it into your instance.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.