samrath49 / freshostore

Fresho Store

Fresho store provides quick and easy access to a wide variety of fresh fruits and cuisines.

     

View Live

Features

• 🔔 Notifications : Notifications popup for every user interaction.
• 👨‍💻 Admin Dashboard : Provided admin page with dashboard to control products & users.
• 🤙 Google Auth Login : Easy one click google account login for login
• 🔥 Responsive Design : Design also suited for small and medium devices.
• 🤏 Optimized Performance : Performance optimized using lighthouse.

## Built With

FRONTEND

• ReactJS
• Framer Motion
• React Router
• TypeScript
• TailwindCSS

BACKEND

• Firebase
  

Getting Started

Follow these steps to setup this project locally.

Installation

Below are the instructions to setup this project and get started with.

1. Clone the repo

   git clone https://github.com/Samrath49/freshoStore.git

2. Install NPM packages for app folder

   npm install or npm i

3. Generate your own firebase project and add required filed from Firebase Console

4. Add your firebase private keys in .env file

   REACT_APP_FIREBASE_API_KEY=[YOUR_KEY]
   REACT_APP_FIREBASE_DB_URL=[YOUR_DB_URL]
   REACT_APP_FIREBASE_APP_ID=[YOUR_APP_ID]
   REACT_APP_FIREBASE_PROJECT_ID=[YOUR_PROJECT_ID]
   REACT_APP_FIREBASE_AUTH_DOMAIN=[YOUR_AUTH_DOMIAN]
   REACT_APP_FIREBASE_MESSAGING_ID=[YOUR_MESSAGING_ID]
   REACT_APP_FIREBASE_STORAGE_BUCKET=[YOUR_STORAGE_BUCKET]
   REACT_APP_FIREBASE_EMAI_ID=[YOUR_FIREBASE_ACCOUNT_EMAIL]
   REACT_APP_FIREBASE_STORAGE_LINK=[YOUR_FIREBASE_STORAGE_LINK]

5. Run the application by running following command in client folder

   npm start

⭐ Like the project? Star this repo — It motivates a lot!