Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samiraliyev64/bravo-clone
https://github.com/samiraliyev64/bravo-clone
Last synced: 6 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/samiraliyev64/bravo-clone
- Owner: samiraliyev64
- Created: 2024-11-03T23:27:57.000Z (10 days ago)
- Default Branch: main
- Last Pushed: 2024-11-04T00:23:03.000Z (10 days ago)
- Last Synced: 2024-11-04T01:18:06.508Z (10 days ago)
- Language: JavaScript
- Size: 15.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bravo Supermarket Clone - E-commerce Platform
I built the modern and user-friendly Bravo Supermarket Clone e-commerce application with React.js.
## 📦 Features
- **Basket Logic**: Users can easily add or remove products from their shopping basket, with an updated total price displayed in real-time.
- **Discount Countdown**: I used **Local Storage**, a countdown clock is shown to highlight ongoing discounts, enhancing the urgency of limited-time offers.
- **Product Wishlist**: Users can save their favorite products to a **Wishlist** for future reference.
- **Search Functionality**: A fully integrated search bar enables users to quickly find products.
- **Carousel Images**: Engaging product imagery is showcased using **Ant Design**'s carousel component, adding a dynamic and visually appealing element to the interface.
- **Responsive UI**: I built a **User-centered UI/UX** design, the application is responsive, ensuring optimal functionality across all devices including mobile phones, tablets, laptops, and desktops.
- **React Router**: Seamless navigation between pages is handled with **React Router DOM**, making it easy for users to navigate between login, product listings, and other sections of the app.
- **Icons**: Interactive and informative **React Icons** are used for intuitive design elements and better user interaction.
## 📚 Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
## ⚙️ Installation
1. Clone the repository:
```bash
git clone https://github.com/samiraliyev64/bravo-clone.git
2. Navigate to the project directory:
```bash
cd bravo-clone
3. Install the required dependencies using **npm**:
```bash
npm install
4. Start the development server with the following command:
```bash
npm start
4. Start the development server with the following command:
```bash
npm start
## 🤝 Contributing
I welcome contributions to Bravo! To contribute, please follow these steps:
1. **Fork the repository**:
```bash
git clone https://github.com/samiraliyev64/bravo-clone.git
2. **Create your feature branch:**
```bash
git checkout -b feature/YourFeature
3. **Make your changes.**
4. **Commit your changes**:
```bash
git commit -m 'Add some awesome feature'
5. **Push to the branch**:
```bash
git push origin feature/YourFeature
6. **Open a pull request on GitHub.**
```bash
git commit -m 'Add some awesome feature'
## 📄 License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.