Vision 360 is an Optical Shop Ecommerce Website Made for retailers Major Project MCA Made by Nayan Gupta and Naina Kesharwani Detailed presentation with ER Diagram, DFD, Use Case and Website Screenshots

1. VISION 360
Presented By: Naina Kesharwani
Nayan Gupta
Project Guide:
Dr. Ugrasen Suman

2. TABLE OF CONTENTS
Problem
Domain
Designing
01
05
06
Tools &
technologi
es
Future Scope
04
07
Introduction
02
Conclusion
08
Hardware &
Software
Required
03
Website view

3. 01 Problems
Growing
Market
Reach
Consumer
Demand
Pen & Paper
Hassel
Cost
Effective
24/7
Available
Convenience
&
Accessibility

4. Introduction
 Our project offers a versatile
solution for optical shop retailers,
providing them with a ready-to-use
model that can be tailored to their
needs.
 With future plans for expansion and
market deployment, we aim to
empower optical shop owners to
thrive in the digital retail landscape.
 With the rapid growth of online shopping,
the optical industry has seen a growing
demand for accessible and convenient
purchasing options.
 Our project seeks to address this need by
creating a user-friendly website where
customers can browse, select, and purchase
eyewear products from the comfort of their
own homes.
02

5. Aim & Goals
Goals:
 We have mainly 2 goals with this project.
 The short-term goal, which is to help the local
retailers to get in to the digital world of E-
commerce.
 The Long term goal, is to continue this project
further more for better changes and
maintenance and also to work higher and deploy
more projects like Mobile Applications.
Aim:
 The main Aim of our with this project
is to deploy the project and sell it to
the local retailers to bring them in this
competitive digital world as well as to
increase their overall sales .

6. Technology Requirements
Software
Hardware
Device
CPU with 2 Core
(Minimum)
Operating System
Storage
Web Browser
2GB RAM
(Minimum)
03
Laptop/ Desktop
Internet
1.5-2 Bandwidth
(Minimum)

7. Technologies & Tools
Version Control
Database
Backend
Frontend
Development
Tools
React JS
Next JS
Styled Components
NodeJS MongoDB GitHub
Visual Studio Code
04
Tailwind CSS
Payment
Integration
Stripe
Authentication
Google

8. Designing
05
Vision360

9. ER Diagram

10. Use Case Diagram
Admin
Login
Search for
Item
Login
Make
Payments
Register
Account
Details
Provide
Feedback
Manage
Reviews
Manage
Items
Manage
User
Manage
Payments
Admin
Guest User
Regular User

11. Data Flow Diagram
Level-0 DFD

12. Data Flow Diagram
Level-1 DFD (Admin Side)

13. Level-1 DFD (Admin Side)
Data Flow Diagram
Level-1 DFD (User Side)

14. Website View
Vision360
06

15. Home Page

16. Product Page

17. Single Product Page

18. Cart Page

19. Payment Page

20. Admin Dashboard

21. Adding New Product Page

22. Edit Category Page

23. Order Detail Page

24. Future Scope & Conclusion
 In conclusion, the “VISION 360” has successfully
developed a comprehensive e-commerce
platform made specifically for the optical
industry.
 Through intuitive design, advanced features,
and robust functionality, the website provides
customers with a seamless shopping experience
while enabling the optical shop to efficiently
manage its operations and drive business
growth.
 More use friendly Interface
 Product Filtration
 Image Search Option
 3rd party Integration of Order Shipping
 Automated Invoice Mail System
 AI chatbot for feedback and interaction
 Admin side Report generation
 Virtual Try-on experience
07 08

25. Thank You
Vision360
Vision360
Pamper Your Eyes