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

Screenshots

Landing Page

Product Listing Page

Product Page

Cart Page

User Dashboard

Running Locally with npm:

1. Clone the project:

   git clone git@github.com: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 git@github.com: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