✨✨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

Backend

Tools

Deployed On:

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.

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.

Login Page :

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

Product Page :

Here users can Purchase their eyewear glasses .

Singal Product Page :

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

Cart Page :

Here users can see their added Product in the Cart .

Shipping Page :

Here users can enter their shipping details .

Checkout Page :

Here users can checkout their Purchase .

Payments Page :

Here users can make the payment .

Confirmation Page :

Here after payment users get confirmation for their purchase.

Order History Page :

Here users can see all of their purchases.

Wishlist Page :

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

Admin Section

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

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 :

• Aditya Konda (Team Lead)
• Rashi Mall (Team Member)
• Anmol Gupta (Team Member)
• ArpitKumar Mishra (Team Member)

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:

🌱 Looking forward to learn:

---

📔 GitHub Stats:

---

Connect with me🤝:

Created with 🖤 by Aditya Konda