Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 π¦. ππβ¨
- Host: GitHub
- URL: https://github.com/nidhiupman568/flipkart-clone
- Owner: nidhiupman568
- Created: 2024-06-07T19:56:31.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-06T20:29:28.000Z (2 months ago)
- Last Synced: 2024-09-07T22:04:48.117Z (2 months ago)
- Topics: css3, flipkart-clone, front-end-development, html5, interactive-web-design, javascript, web-animation, web-development
- Language: JavaScript
- Homepage: https://flipkart-clone-nidhiupman.vercel.app/
- Size: 2.07 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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. π