Skip to content

Hey there πŸ‘‹, I'm Aditya! We Have Created a Lenskart Clone using MERN Stack for Our Mini Project.πŸš€

Notifications You must be signed in to change notification settings

AdityaKonda6/LenskartClone-Aditya

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

32 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

✨✨Welcome to Lenskart Clone A Mini Project For WebX✨✨

I have completed my Mini Project Lenskart Clone using MERN Stack. Give a star :)

Lenskart.com is an Indian e-commerce company that sells eyeglasses, contact lenses, and sunglasses. The company was founded in 2010 by Peyush Bansal, Amit Chaudhary, and Sumeet Kapahi, and is based in Delhi. Lenskart has a wide variety of products and offers services such as free home trial and virtual try-on. The company has also has physical stores across India.


Frontend Deployed URL πŸ‘‰ Click here

Backend API πŸ‘‰ Click here


πŸ–₯️ Tech Stack

Frontend

html5 css3 javascript reactjs chakra-ui redux react-router

Backend

nodejs expressjs jwt mongodb

Tools

git github npm vscode

Deployed On:

vercel


Features

  • Account creation, login, signup and logout functionality.
  • Sign-up and log-in validations.
  • JWT (JSON Web Token) Authentication and BcryptJS Password Hashing
  • Product Filters Based on Gender, Colour, Shape, Glasses Frame
  • Product Sorting Based on Price
  • Product Filtering and Sorting work together
  • Products Pagination (Default 12 Products Per Page)
  • Cart Add and Remove Items
  • Cart Update Quantities
  • Wishlist Add/Remove Items
  • Order Summary
  • My Orders Section for details of all ordered item
  • From Wishlist to directly Add-to-Cart feature
  • Coupons are provided for the discount
  • Payment Gateway
  • User Authentication before placing an order
  • Data fetching from Backend
  • Responsive for all screen sizes

Let's Dive into What we have made

Home Page :

Go through the home page to know more about our website.


Home page

Navbar :

Navbar Navbar

Signup Page :

For signup, user need to fill required details. If user is already exists then it will show you an error. So you can't register again with the same email.


signup page

Login Page :

Users can login using their input credentials which provided while signup.


signin page

Product Page :

Here users can Purchase their eyewear glasses .


Product page 1

Singal Product Page :

Here users can see details information regarding of particular eyewear glass .


Product page 2

Cart Page :

Here users can see their added Product in the Cart .


 cart

Shipping Page :

Here users can enter their shipping details .


Shipping page

Checkout Page :

Here users can checkout their Purchase .


Flight checkout page

Payments Page :

Here users can make the payment .


Payment page

Confirmation Page :

Here after payment users get confirmation for their purchase.


Confirmation page

Order History Page :

Here users can see all of their purchases.


Order History page

Wishlist Page :

Here users can see their product which are added in Wishlist.


Wishlist page


Admin Section

Admin Section is responsible for maintaining and updating the data of the website .


Product-list Product-register
Product-edit

Footer :

Footer


Languages Used :

      β—‰ JavaScript : 99.2%
      β—‰ Others : 0.8%

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



Prerequisites :

  • Node.js
  • npm

Installing :

  1. Clone the repository to your local machine
  2. Navigate to the project directory
  3. Run npm install to install the required dependencies
  4. Run npm start to start the development server



Our Team :

This is a collaborative project built by a team of 4 fullstack web developers and executed in 15 days.



Team Work Efforts :

First of all, we created a Slack and zoom group to establish communication between all the team members. Then we connected over zoom meet for further discussion about assigned project.

In a zoom meet we divideed small parts of project to all the team-member.

We discussed about past days work and present day work, if any one face issue all the team member helps to solve the problem.

All push the data in Git-hub to their respective branch and merge them to main branch.

Finally we make the presentation of the project.

Our Learnings :

On this journey we faced many issues, but we keep motivated each other with patience.

  • We all learned how to read and understand the code of other team members.

  • We learned how to write more efficient and clean code.

  • Even though We also learned how to plan a project and how to execute it step by step.

  • By this Project we have learned how to collaborate and communicate with team effectively and improving the productivity.

  • We also got a glimpse of using GitHub for the version control.

Contributing

We welcome contributions to the Predico website. If you have an idea for a new feature or have found a bug, please open an issue in the repository.


Show your support

Give a ⭐️ if you like this project!

✨Thank You✨

Hi Coders , I'm Aditya Konda

This is me Aditya Konda, a third year Information Technology undergraduate from K.C College Of Engineering, India. An aspiring Full-Stack Software Developer,Β  Competitive ProgrammerΒ  and Full Stack Web Developer
"---Always Work Hard and Trust the Process---"

Little facts about me πŸ§‘

  • 🧞 I'm a Tech Enthusiast since childhood.
  • πŸ”­ I’m currently working on Fullstack Web Development.
  • πŸ‘― I’m looking to collaborate with Fullstack Web and Mobile Developement projects.
  • πŸ’‘ Contributing to Open Source Projects is always been a goal to me.
  • ⚑ Fun fact: I love Sports, especially volleyball.


✨ Tech stack currently using:
heroku redux sass tailwind

🌱 Looking forward to learn:


πŸ“” GitHub Stats:

AdityaKonda6


Connect with me🀝:

 Aditya Konda | Linkedin Aditya Konda | Gmail Aditya Konday| Twitter Aditya Konda | Instagram Aditya Konda| Github Aditya Konda| Github

Created with πŸ–€ by Aditya Konda

AdityaKonda6

About

Hey there πŸ‘‹, I'm Aditya! We Have Created a Lenskart Clone using MERN Stack for Our Mini Project.πŸš€

Topics

Resources

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages