Project made by Simon He with reference to Clever Programmer
Versions:
- Node: v12.18.1
- Npm: 6.12.1
This application is hosted live on https://clone-8bfdb.web.app
To make your own application, you have to set up your own firebase and have packages installed.
To do this:
- If you haven't done so, you'll need to install Node.js. You can do so by going to the node.js website
- Npm comes packaged with node but additional packages you will need to install are
FRONTEND
- firebase
- dotenv
- react-router-dom
- material-ui/core
- material-ui/icons
- react-currency-format
- @stripe/stripe-js
- @stripe/react-stripe-js
- axios
- moment BACKEND
- express
- cors
- stripe
- To set up firebase, go to the firebase website
- If you haven't done so, make an account
- Create a new project and name it (Make sure you tick firebase hosting)
- Click next until you're taken to the console
- Go to the burger menu and navigate to project settings and click on that
- Scroll down until you see Firebase SDK snippet and click on config
- Copy that information into a backend file where you're working with the database
- To take to production mode
- Run firebase init
- Select hosting
- Use an existing project
- Select this project
- Write "build" as your public directory
- Say yes to the single-page app(SPA) option
- Whenever you make changes or is ready to be brought to production, run npm run build
- Run firebase deploy to deploy your project to production mode