rajangrg / react-ecommerce-template

This project is created using React and firebase. It is a simple e-commerce Template with built-in sign in and product to start with.

Install Instruction

Login Credentials

email: [email protected]
password: 12345678

Front-End setup

Clone or download the project
Open your terminal and redirect to the folder (project) directory.
npm install
npm audit fix (Note: not necessary)

Back-End setup

Create .env file in your root directory
Copy your FirebaseConfig and add value

**Note: Please add only value to the below code **

REACT_APP_FIREBASE_API_KEY = "your api key"
REACT_APP_FIREBASE_AUTH_DOMAIN = ""
REACT_APP_FIREBASE_DATABASE_URL = ""
REACT_APP_FIREBASE_PROJECT_ID = ""
REACT_APP_FIREBASE_STORAGE_BUCKET = ""
REACT_APP_FIREBASE_MESSAGING_SENDER_ID = ""
REACT_APP_FIREBASE_APP_ID = ""
REACT_APP_FIREBASE_MEASUREMENT_ID = ""

Troubleshooting

In case firebase db is not working replace it with the sample data.

Redirect to commit - "Replaced sample data with Db products data on home container"

react-ecommerce-template's Issues

Route Validation

Report Bug

There is no route validation.

If a user logs out and then goes to / home he is being given access to the home page again which should not be happen. instead of that he/she should be sent back to the login page

Adding and Refactoring the CSS Code

Hi Rajan , I was checking out this repository and I think the CSS Code could be more optimized. Particularly the navbar can be justified center.
Also it can be made more mobile-responsive