https://github.com/marufk21/electrikart
ElectriKart is a modern, responsive e-commerce web app built with React.js and Tailwind CSS, offering seamless product browsing, filtering, and a dynamic shopping cart experience.
https://github.com/marufk21/electrikart
context-api ecommerce react-hooks react-router reactjs tailwindcss
Last synced: 3 months ago
JSON representation
ElectriKart is a modern, responsive e-commerce web app built with React.js and Tailwind CSS, offering seamless product browsing, filtering, and a dynamic shopping cart experience.
- Host: GitHub
- URL: https://github.com/marufk21/electrikart
- Owner: marufk21
- Created: 2022-12-31T19:52:39.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-15T10:54:25.000Z (8 months ago)
- Last Synced: 2025-02-08T22:24:22.724Z (4 months ago)
- Topics: context-api, ecommerce, react-hooks, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://electrikart.netlify.app/
- Size: 1.75 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ElectriKart
Welcome to **ElectriKart**, an interactive and responsive e-commerce web application designed to offer a seamless and enjoyable shopping experience. Explore a range of products with a sleek UI and easy-to-navigate features that enhance user engagement and satisfaction.
## Technologies Used
- **Frontend**: React.js for dynamic, component-driven UI.
- **Styling**: Tailwind CSS for responsive, modern design with utility-first styling.
## Installation
Follow these steps to get started with ElectriKart on your local machine:
1. **Clone the repository**:
```bash
git clone [repository URL]
```
2. **Navigate to the project directory**:
```bash
cd [project-name]
```
3. **Install dependencies**:
```bash
npm install
```
4. **Start the development server**:
```bash
npm start
```
The app will be available at `http://localhost:3000/`.
## Features
### Homepage
A visually engaging homepage with product carousels and interactive product cards that entice users to explore more.
### Products Page
- A sidebar for filtering products by categories, colors, and price ranges.
- Allows users to efficiently browse and search products with ease.
### Single Product Page
- Displays detailed information about each product, including:
- High-quality images.
- Product descriptions and specifications.
- Customer reviews and ratings.
- Stock availability.
### Cart Page
- Shows items added to the cart, complete with images, pricing, and quantity.
- Displays the order subtotal, shipping fees, and total cost.
- Allows users to adjust quantities, remove items, or clear the entire cart.
### Contact Page
- Provides a form for users to send feedback, inquiries, or complaints.
## Upcoming Features
- **Backend Integration**: A secure and efficient backend system with user authentication for enhanced account management.
- **Payment Gateway**: Integration of a reliable payment gateway for easy and secure checkout.
## Contributing
We welcome contributions from the community! If you'd like to contribute, feel free to:
1. [Create a new issue](https://github.com/[username]/[projectname]/issues) to discuss potential changes.
2. Fork the repository and submit a pull request with your changes.
## License
This project is licensed under the [MIT License](LICENSE).