Lenskart_Clone

screenshot of Lenskart_Clone
express
react
chakra-ui

Lenskart.com is an Indian e-commerce company that sells eyeglasses, contact lenses, and sunglasses. Lenskart has a wide variety of products and offers services such as free home trial and virtual try-on.

Overview

This article provides an analysis of a Lenskart Clone website that was developed by a team of 5 full-stack web developers in 5 days. It outlines the various features and functionalities of the website, as well as the technologies used and the team's collaborative work efforts.

Features

  • Account Creation: Users can create an account on the website.
  • Login and Signup Functionality: Users can log in and sign up for an account.
  • Sign-up and Log-in Validations: Validations are in place during the sign-up and log-in processes.
  • JWT Authentication and BcryptJS Password Hashing: JSON Web Tokens are used for authentication, and passwords are hashed using BcryptJS.
  • Product Filters: Users can filter products based on gender, color, shape, and glasses frame.
  • Product Sorting: Products can be sorted based on price.
  • Product Filtering and Sorting: Filtering and sorting functionalities work together.
  • Products Pagination: 12 products are displayed per page by default.
  • Cart Management: Users can add, remove, and update quantities of items in their cart.
  • Wishlist Management: Users can add and remove items from their wishlist.
  • Order Summary: Users can view a summary of their order.
  • Direct Add-to-Cart from Wishlist: Users can easily add items from their wishlist to their cart.
  • Coupons: Coupons are provided for discounts.
  • Payment Gateway: Users can make payments for their orders.
  • User Authentication: User authentication is required before placing an order.
  • Data Fetching from Backend: Data is fetched from the backend.
  • Responsive Design: The website is responsive and compatible with all screen sizes.

Summary

The Lenskart Clone website is a replica of the Lenskart website developed by a team of 5 full-stack web developers. It provides various features such as account creation, login and signup functionalities, product filters and sorting, cart and wishlist management, order summary, and more. The website is built using Node.js and npm, and it is responsive for all screen sizes. The team collaborated effectively using communication tools like Slack and Zoom, and they learned valuable lessons in code understanding, efficiency, project planning, and collaboration.

Overall, the Lenskart Clone website showcases the team's skills in web development and their ability to create a functional and user-friendly clone of an existing website.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.