Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/nidhiupman568/flipkart-clone

πŸ›’The Flipkart clone πŸ›’ is a static website πŸ“„ replicating the basic functionality πŸ”„ of the Flipkart website 🌐. It includes features 🌟 such as adding products πŸ“¦ to the cart πŸ›οΈ, removing products πŸ—‘οΈ from the cart πŸ›’, increasing the quantity βž• of products πŸ“¦ in the cart πŸ›’, and searching πŸ” for products πŸ“¦. πŸ˜ƒπŸŒŸβœ¨
https://github.com/nidhiupman568/flipkart-clone

css3 flipkart-clone front-end-development html5 interactive-web-design javascript web-animation web-development

Last synced: 3 days ago
JSON representation

πŸ›’The Flipkart clone πŸ›’ is a static website πŸ“„ replicating the basic functionality πŸ”„ of the Flipkart website 🌐. It includes features 🌟 such as adding products πŸ“¦ to the cart πŸ›οΈ, removing products πŸ—‘οΈ from the cart πŸ›’, increasing the quantity βž• of products πŸ“¦ in the cart πŸ›’, and searching πŸ” for products πŸ“¦. πŸ˜ƒπŸŒŸβœ¨

Awesome Lists containing this project

README

        

# πŸ›’ Flipkart Clone πŸ›’

πŸŽ‰Welcome to my Flipkart clone!πŸŽ‰ This project is a Flipkart clone built using HTML, CSS, and JavaScript. 🌐✨

Project Demo: https://nidhiupman568.github.io/FLIPKART-CLONE/

## πŸ“œ Description πŸ“œ

The Flipkart clone is a static website replicating the basic functionality of the Flipkart website. πŸ›οΈ It includes features such as adding products to the cart, removing products from the cart, increasing the quantity of products in the cart, and searching for products. πŸ”πŸ›’

## 🌟 Features 🌟

### 🏠 Home Page 🏠

- **πŸ” Search Option πŸ”**: Allows users to search for products.
- **πŸ—ΊοΈ Navigation πŸ—ΊοΈ**: Includes login, signup, and cart pages.
- **πŸ“¦ Product Listings πŸ“¦**: Displays products available on Flipkart, including their prices.
- **πŸ›’ Add to Cart πŸ›’**: Users can add products to their cart from the listings.
- **πŸ”» Footer πŸ”»**: Standard footer at the bottom of the page.

#### πŸ“Έ Screenshots (Output) πŸ“Έ

![HOME PAGE 1](https://github.com/nidhiupman568/FLIPKART-CLONE/assets/130860182/ccab959a-0300-4cdf-a5dd-874e3e4169b2)

![90](https://github.com/nidhiupman568/FLIPKART-CLONE/assets/130860182/df958b64-9f0a-48d0-ac8e-83c915536e7b)

![HOME PAGE 2](https://github.com/nidhiupman568/FLIPKART-CLONE/assets/130860182/7c5b1ad3-9323-4f34-a2c2-9340ad167a1d)

![HOME PAGE 3](https://github.com/nidhiupman568/FLIPKART-CLONE/assets/130860182/64f99a2f-3a68-4c5a-80ea-04eeaf144a67)

### πŸ›’ Cart Page πŸ›’

- **πŸ›οΈ View Cart Items πŸ›οΈ**: Users can see the items they have added to their cart.
- **πŸ› οΈ Cart Management πŸ› οΈ**: Options to add products to the cart, remove products from the cart, and increase the quantity of products in the cart.
- **🧾 Order Summary 🧾**: Displays the total number of items and the total cost of the order.

#### πŸ“Έ Screenshots (Output) πŸ“Έ

![CART PAGE 1](https://github.com/nidhiupman568/FLIPKART-CLONE/assets/130860182/206c8a6e-f13c-4207-afda-e2ef9190e92d)

![CART PAGE 2](https://github.com/nidhiupman568/FLIPKART-CLONE/assets/130860182/ff7b5230-8d1d-4e63-9bfa-b765e7218eb3)

## πŸ› οΈ Technologies Used πŸ› οΈ

- **🌐 HTML5**
- **🎨 CSS3**
- **πŸ’» JavaScript**

## πŸš€ How to Use πŸš€

1. Clone the repository: `https://github.com/nidhiupman568/FLIPKART-CLONE.git` 🌐
2. Open `index.html` in your web browser to view the application. 🌍

## 🀝 Contributing 🀝

Feel free to contribute to this project by forking it and submitting a pull request. ✨ Please follow the project's coding conventions and guidelines. πŸ“œ