Giter Club home page Giter Club logo

agrawalrajat310 / flipkart-clone Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 595 KB

Flipkart clone is an e-commerce web application that allows you to shop different categories of A to Z products from its website. It has a variety of categories, just visit the product listing page and you will see all the products. And also other product categories such as consumer electronics, home essentials, groceries and lifestyle products.

Home Page: https://civil-kettle-7397.vercel.app/

License: Apache License 2.0

HTML 0.90% CSS 3.61% JavaScript 95.49%
react redux typescript customhooks firebase-auth framework html-css-javascript library optimization testing-library

flipkart-clone's Introduction

Project Name -> civil-kettle-7397

Website name -> Click Cart

Click Cart is E-Commerce Website & is a clone of the Flipkart shopping website. Flipkart Private Limited is an Indian e-commerce company, headquartered in Bengaluru, and incorporated in Singapore as a private limited company. The company initially focused on online book sales before expanding into other product categories such as consumer electronics, fashion, home essentials, groceries, and lifestyle products.

Deployed Link :-

Visit : https://civil-kettle-7397.vercel.app/

Responsive for all screen sizes ๐Ÿ’ป/๐Ÿ–ฅ๏ธ/๐Ÿ“ฑ.

Tech Stack Used :-

Click Cart website looks very amazing and is introduced with various types of languages like JavaScript, HTML, CSS, etc. There are some important details regarding this project are mentioned below :-

This report is provided by the GitHub language used stats. So, this is the total percentage of the coding languages.

      โ—‰ JavaScript : 95.5%
      โ—‰ HTML : 0.9%
      โ—‰ CSS : 3.6%

Now I will explain the project in detail.

Functionalities :-

      1. Cart Functionality (like adding an item and removing).
      2. Admin Page.
      3. Admin can add a product and the product will be shown on the landing page.
      4. Login and Sign Up.

Admin Account Details (Admin Email and Password) :-

You can add products by admin account and all the users can see the product on the latest page (which contains all the latest items)

Features & Specifications :-

Homepage :-

The homepage is one of the most important factors which is also known by the name "Landing Page". There are different kinds of Products and popular services mentioned here.

Navbar :-

Navigation Bar is the topmost layer or bar of the website. In this bar, you will find various types of the menus like Mobile & Tablets, Televisions, Audio, cameras, Home Appliances, Accessories, Personal Care, etc.

Product Page :-

This section has different kinds of products & various categories of products etc. You easily find the product which you need.

Cart Page :-

The cart Page has all the products you want to buy. On the Product Page, you have to click on add to cart. The product will be added to the cart Page. A cart page is an essential part of an e-commerce website. It is the page where users can pile up what they want to buy from the website and then simply check out by paying online. To comprehend what a cart page does, think of it as a normal shopping cart/basket in a store.

Footer :-

As you know that every website has a header and footer. Also on this website, there is a pretty good footer that helps you to move the different kinds of important pages.

All the things are quite easy to use on mobiles, tablets, and as well as on desktops. I hope you like these things.

Note :-

This whole website is fully mobile-friendly. You can use this website on mobiles, tablets either or desktops as well as. You feel very nice when you are using this website.

I have used different kinds of technologies/ libraries/ frameworks to make this website.

  • Javascript, React, Redux, Chakra UI, CSS, HTML, etc.

Sneak Peek of the deployed website :-

App Screenshot 1

App Screenshot 2

App Screenshot 3

App Screenshot 4

App Screenshot 5

To work/access the features of this you have to install the following dependencies in your local system :-

npm install axios

npm install redux

npm i @chakra-ui/icons

npm install react-icons

npm install react-redux

npm install redux-thunk

npm install json-server

npm i react-multi-carousel

npm install react-router-dom

npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion

JSON Server API -

https://click-cart-api.onrender.com/

For feedback & if you have any suggestions, kindly contact me here :-

flipkart-clone's People

Contributors

agrawalrajat310 avatar

Watchers

 avatar

Forkers

farmannaseem

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.