DriftMart

Description

Welcome to the E-commerce Website Frontend repository. This project is a fully responsive e-commerce website built using React. It provides a seamless shopping experience with a modern and intuitive user interface.

Demo
Features
Technologies Used
Installation
Usage
Project Structure
Contributing
License
Contact

Demo

Check out the live demo of the project here.

Frontend Deployed Link(Netlify): https://symphonious-lollipop-6048de.netlify.app/
Backend Deployed Link(Render): https://myindiaa-deployement.onrender.com/
Demo Video Link: https://drive.google.com/file/d/1crNo32fZ2CEEWfOo8to7u0XNJAvnrpij/view?usp=sharing

Features

User Authentication (Sign Up, Login, Logout)
Product Listing
Product Search
Product For Men, Women and Electronics
Search by product title or description
Product Details
Shopping Cart
Checkout Process
Address
Payment
Responsive Design

Technologies Used

React: JavaScript library for building user interfaces
Redux: State management
React Router: Declarative routing for React
Axios: Promise-based HTTP client for API calls
Tailwind CSS: For the Styling
Chakra UI: For the Styling
React Hook Form: Form validation and management

Installation

Prerequisites

Node.js (>=14.x)
npm (>=6.x) or yarn (>=1.22.x)

Steps

Clone the repository:

git clone https://github.com/sumansauravmay/DriftMart.git

Navigate to the project directory:

   cd DriftMart
   cd frontend

Install dependencies:

   npm install
   # or
   yarn install

Usage

Running the App

  npm start
  # or
  yarn start

The application will start on http://localhost:3000.

Building for Production

    npm i netlify-cli -g
    npm run build

The production-ready files will be in the build/ directory. now add a new file inside build folder named _redirects and write

    /* /index.html 200

Project Structure

   frontend/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── AllRoutes/
│   ├── components/
│   ├── pages/
│   ├── redux/
│   ├── index.css
│   ├── App.css
│   ├── App.js
│   ├── index.js
│   └── ...
├── tailwind.config.js
├── package.json
└── ...

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature).
3. Make your changes.
4. Commit your changes (git commit -m 'Add some feature').
5. Push to the branch (git push origin feature/your-feature).
6. Create a new Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For any inquiries, please contact:

    Name: Suman Saurav
    Email: sumansauravmay12345@gmail.com
    GitHub: https://github.com/sumansauravmay
    LinkedIn: https://www.linkedin.com/in/suman-saurav-06896b231/

sumansauravmay/DriftMart