You need latest Node.js.
- Clone the repository:
git clone https://github.com/rbanta1242/afterhours.git cd afterhours
- Install dependencies:
npm i
npm start
This project uses Google Cloud Firestore to save user data.
Follow these steps to get started with Google Cloud Firestore:
-
Create a Gmail Account:
If you don't have a Gmail account, create one here.
-
Access Google Firebase Console:
Log in to the Google Firebase Console using your Gmail account.
-
Create a Project:
Within the Firebase Console, create a new project under the free tier plan.
-
Register Your Web App:
- In the Firebase Console, navigate to "Project Configuration" and select "Your apps."
- Register your web app and note down the credentials displayed after registration.
-
Set Up Firestore Database:
- In the Firebase Console, go to Firestore Database.
- Create a new database and configure the security rules. Use the following security rule as an example:
match /users/{documents=*} { allow read, write: if true; }
-
Create an .env file in the project root directory and set the environment variables:
REACT_APP_FIREBASE_API_KEY= <api key>
REACT_APP_FIREBASE_AUTH_DOMAIN= <auth key>
REACT_APP_FIREBASE_PROJECT_ID= <project id>
REACT_APP_FIREBASE_STORAGE_BUCKET= <storage bucket uri>
REACT_APP_FIREBASE_MESSAGING_SENDER_ID= <messaging sender id>
REACT_APP_FIREBASE_APP_ID= <app id>
REACT_APP_SECRET_KEY= <app secret key>
- src - This folder contains the source code of the application. You can modify the entrypoint component file App.tsx according to your needs.
- public - Store any additional assets, such as images and stylesheets, in this directory.
Design created by Elevated