Project Title: E-commerce Platform Integration: Synchronizing Data
between [Link] Front-End and [Link] Back-End
Team Members:
1. Name : SAGAR MUNDINAMANI
CAN ID Number :CAN_33824054
2. Name : DEEPA KUDE
CAN ID Number : CAN_33844026
3. Name : SOUBHAGYA SHEKHA
CAN ID Number : CAN_33843299
4. Name : RAKSHITA MADIWALAR
CAN ID Number : CAN_34068794
Institution Name : BILURU GURUBASAVA MAHASWAMIJI INSITUTE OF
TECHNOLOGY, MUDHOL
Phase 1 -Problem Definition & Design Thinking
Problem Statement
Modern e-commerce platforms face challenges with real-time data synchronization, seamless
user experience, and backend efficiency. This project aims to integrate a [Link] front-end with
a [Link] back-end, ensuring real-time, accurate, and scalable data synchronization, providing
users with a smooth and dynamic shopping experience.
Target Audience
1. E-commerce business owners seeking efficient integration solutions.
2. Users demanding smooth and fast browsing/shopping experiences.
3. Developers aiming for scalable [Link] and [Link] architecture.
Goals:
Achieve seamless synchronization of front-end and back-end data.
Provide a responsive and intuitive user interface using [Link].
Ensure efficient, secure API communication using REST/GraphQL.
Design scalable architecture to handle high user traffic.
Enable real-time updates for product availability, order tracking, and cart
synchronization.
Design Thinking Approach
Empathize:
Users demand an intuitive, responsive e-commerce platform that synchronizes their
actions (e.g., adding products to the cart, stock updates) in real time.
Key User Concerns:
1. Real-time updates for product availability and order tracking.
2. Seamless navigation with a fast and responsive UI.
3. Reliable cart synchronization across devices.
4. Secure and fast backend API responses.
Define:
The solution must:
1. Synchronize cart and product data in real-time.
2. Provide a dynamic and interactive user interface using [Link].
3. Use REST or GraphQL APIs to ensure fast and efficient backend communication.
4. Maintain secure, scalable, and responsive data exchange between [Link] and [Link].
Key Features:
1. [Link] for Front-End: A responsive and dynamic UI to manage user interactions.
2. [Link] for Back-End: A scalable server for handling API requests and data storage.
3. Real-time Synchronization: Implement [Link]/WebSockets for instant updates.
4. REST/GraphQL APIs: Seamless and secure data communication between the front-end
and back-end.
Ideate:
Potential Ideas:
Real-time cart updates across multiple devices using [Link]/WebSockets.
Scalable REST/GraphQL APIs to handle data exchanges and queries.
Interactive and responsive UI with [Link] components for product display and cart
management.
[Link] server with optimized database queries (MongoDB/SQL) for product and order
data.
Brainstorming Results:
Use [Link] for real-time updates between front-end and back-end.
REST API or GraphQL endpoints for fetching and updating product/order data.
React Context API/Redux for state management on the client-side.
Prototype:
Key Components of Prototype:
Cart Synchronization: Real-time updates for adding, removing, or modifying cart items.
Product Availability: Instant stock updates displayed on the front end.
[Link] APIs: RESTful/GraphQL endpoints for CRUD operations on product and order
data.
Prototype Goals:
Test real-time data synchronization between front-end (React) and back-end (Node).
Validate the API efficiency for fetching and updating data.
Verify the [Link] UI responsiveness across different devices.
Test:
Focus Group:
E-commerce business users, developers, and testers.
Testing Goals:
Real-Time Synchronization: Verify cart and stock data reflect updates instantly.
API Efficiency: Test REST/GraphQL response time and reliability.
UI Responsiveness: Ensure the front-end UI is seamless across multiple devices and
browsers.
