Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aditya1or0/kharidari-e-commerce

A fully functional E-commerce website for clothing that utilizes Tailwind CSS for responsive design and incorporates user authentication features such as login, signup, logout, and a shopping cart to enhance usability. Secure transactions are enabled through integrated payment gateways, Stripe and Razorpay, allowing users to order.
https://github.com/aditya1or0/kharidari-e-commerce

bcrypt ecommerce ecommerce-website expressjs jwt-authentication mongodb mongoose nodejs react-router reactjs restful-api

Last synced: about 2 months ago
JSON representation

A fully functional E-commerce website for clothing that utilizes Tailwind CSS for responsive design and incorporates user authentication features such as login, signup, logout, and a shopping cart to enhance usability. Secure transactions are enabled through integrated payment gateways, Stripe and Razorpay, allowing users to order.

Awesome Lists containing this project

README

        

# KHARIDARI E-commerce

## Description
KHARIDARI is a fully functional e-commerce website for clothing, providing a seamless and secure shopping experience. The project utilizes the MERN stack (MongoDB, Express.js, React, Node.js) with Tailwind CSS for responsive design, ensuring a user-friendly interface across all devices.

## Features
- **Responsive Design**: Styled with Tailwind CSS for a mobile-friendly, responsive layout.
- **User Authentication**: Features for login, signup, logout, cart management, and order placement.
- **Payment Integration**: Secure payment gateways using Stripe and Razorpay for easy transactions.
- **Admin Panel**: Tools for inventory management, order handling, and streamlined customer purchasing processes.

## Technologies Used
- **Frontend**: React, Tailwind CSS
- **Backend**: Node.js, Express.js
- **Database**: MongoDB
- **Payment Gateways**: Stripe, Razorpay

## Setup Instructions
1. **Clone the repository**:
```bash
git clone https://github.com/your-username/KHARIDARI-E-commerce.git
cd KHARIDARI-E-commerce
```

2. **Install dependencies**:
```bash
npm install
cd client
npm install
cd ..
```

3. **Environment Variables**:
- Create a `.env` file in the root directory and add your environment variables for the backend.
- Create a `.env.local` file in the `client` directory for the frontend.

4. **Run the application**:
```bash
npm run dev
cd client
npm start
```

## Usage
1. Register/Login: Create a new user account or log in with an existing one.

2. Browse Products: Navigate through different clothing categories and add products to your cart.

3. Checkout: Once you're ready to purchase, proceed to checkout and make a payment via Stripe or Razorpay.

4. Admin Panel: If you're an admin, log in using the admin credentials to manage the inventory and orders.

## Deployment

This project is deployed using [Vercel](https://vercel.com/) for the front end and for the back end. You can access the live application here:
[BgRemover Live Demo](https://kharidari-frontend.vercel.app/)

## Contributing
1. Fork the repository.
2. Create a new feature branch.
3. Commit your changes.
4. Push the branch.
5. Create a pull request.

## Acknowledgements
- **React Documentation**: For providing extensive resources and guides.
- **Tailwind CSS**: For the easy-to-use and customizable CSS framework.
- **Stripe and Razorpay**: For reliable payment gateway solutions.
- **Firebase**: For streamlined authentication processes.
- **Community Contributions**: Thanks to all the contributors who made this project better.

## License
This project is licensed under the MIT License.

## Contact
For any inquiries or support, please contact me at [email protected].

---