Skip to content

Clone of an e-commerce website which basically focuses on selling mobile covers, backpacks and watchbands

Notifications You must be signed in to change notification settings

Abhi0049k/Everyday-Needs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

Everyday Needs

Clone of an e-commerce website which basically focuses on selling mobile covers, backpacks and watchbands

Contributing

This is an individual project built within a span of five days.

Demo

demo

Deployment

Backend is deployed on Cyclic: Deployed Link

Frontend[HTML, CSS and JS] is deployed on Netlify: Deployed Link

Frontend[React.js and TypeScript] is deployed on Vercel: Deployed Link

Features

  • User Sign In
  • User Sign Up
  • User Logout
  • Add to Cart
  • Place an order
  • Razor Payment Gateway
  • Search Product
  • Update User Details
  • Increase/Decrease quantity for a particular order
  • Search Product
  • User Dashboard

Tech Stack

CSS3 HTML5 JavaScript Netlify Express.js NPM JWT NodeJS MongoDB TypeScript React.js Tailwind CSS Redux Electron

Screenshots

Landing Page

landin

Product Listing Page

productList

Product Page

productPage

Cart Page

cart

User Dashboard

userdash

Running Locally with npm:

  1. Clone the project:

    git clone [email protected]:Abhi0049k/Everyday-Needs.git
  2. Copy the .env.example to .env for both the backend and react-frontend.

  3. Navigate to the backend folder and the react-frontend folder separately and install dependencies:

    cd backend
    npm install
    cd react-frontend
    npm install
  4. Run both the backend and react-frontend:

    npm run dev

Running Locally with Docker:

  1. Clone the project:

    git clone [email protected]:Abhi0049k/Everyday-Needs.git
  2. Navigate to the project's root directory.

  3. Use Docker Compose to create an image and run a container:

    docker-compose up