/ecommerce-react

E-commerce web application using react and firebase.

Primary LanguageJavaScript

Salinaka | E-commerce react app

Simple ecommerce react js app with firebase.

Live demo

Salinaka screenshot Salinaka screenshot Salinaka screenshot

Install Dependencies

$ npm install

Create a new firebase project

Login into your google account and create a new firebase project here

Create a .env file for production and .env.testfor development in the root of your project folder and add the following configuration details. It can be found on your firebase project.

FIREBASE_API_KEY=
FIREBASE_AUTH_DOMAIN=
FIREBASE_DB_URL=
FIREBASE_PROJECT_ID=
FIREBASE_STORAGE_BUCKET=
FIREBASE_MSG_SENDER_ID=
FIREBASE_APP_ID=

Run development server

$ npm run dev-server

Build the project

$ npm run build

How to perform CRUD operations for Admin

  1. Inside src/routers/AppRouter.js uncomment all code related to admin.
  2. Inside src/reducers/authReducer.js, change the initState type value from 'client' to 'admin'. Delete initState variable if you want to authenticate client.
  3. Delete persisting auth state in localStorage if one exists.

Features

  • Admin CRUD operations
  • Firebase authentication
  • Firebase auth provider authentication
  • Account creation and edit