Report
Ipsita Sarkar | Assignment | 12-12-2023
Project Overview:
Our project revolves around creating an interactive web page that provides
users with comprehensive insights into product stock levels. The tasks slated
for Day 1 are designed to set a solid foundation for this endeavor.
Day 1:
− Stock Display Development: Begin by architecting a web page that
not only showcases the current stock levels of the featured product
but also presents an aggregated view of the overall stock. This
involves implementing a user-friendly interface that allows seamless
navigation through different stock metrics.
− Design Elegance: Elevate the user experience by incorporating an
engaging and visually appealing design. Consider the features that
have been meticulously developed on Day 1 and weave them into the
fabric of the page's aesthetics. The design should not only be eye-
catching but also intuitive, ensuring a seamless user journey.
Homepage Product Display: On the homepage, products will be
showcased, each accompanied by its respective price. Users will have
the option to interact with two distinct buttons, allowing them to
either add the product to their cart or view additional details.
PAGE 1
Add Product Interaction: Upon clicking the "Add product" button, a
form will seamlessly unfold, presenting with comprehensive details for
the new product they intend to add.
− Add Product Interaction: Within the dropdown button, users will
find an option to list the product on another website. This feature
empowers users with the flexibility to expand their product visibility
by seamlessly listing it on an external platform of their choice.
PAGE 2
Used Technology: On day one, I dived into the project using React,
jazzed it up with JavaScript, and sprinkled in some CSS for style. And
took help from Google, chatgpt, stack over flow.
DAY 2:
On the second day, my focus shifted to backend development. Additionally, I
implemented functionality to add new products directly into the database.
This backend work lays a sturdy foundation for a dynamic and scalable
system
Backend Product Addition: In the backend, I implemented a seamless
process where adding a new product directly translates to its instant storage
in the database. This direct integration ensures efficiency and real-time
updates, enhancing the overall performance of the system.
PAGE 3
After setting up the API in Postman, I swiftly pushed data into it
MongoDB Collection Update: Following a seamless backend process, the
recently added data now gracefully resides in the MongoDB collection
PAGE 4
The router and code of the [Link]
And the backend [Link] code Overview
PAGE 5
Product Details Testing:
- Conducted tests to verify the retrieval of product details from the
backend.
- Ensured that product information, such as name, manufacturer,
description, quantity,
Data Integrity Testing:
- Tested the integrity of data storage and retrieval mechanisms.
- Ensured that modifications to product data (addition, update, deletion)
are accurately reflected in the system.
User Acceptance Testing (UAT):
- Involved end-users or stakeholders in testing to gather feedback on the
functionality and usability of the system.
- Addressed user concerns and suggestions for improvement.
Error Handling Testing:
- Tested how the system handles unexpected errors and edge cases.
- Ensured that meaningful error messages are provided to users in case
of issues.
Load and Performance Testing:
PAGE 6
- Conducted load tests to evaluate the system's performance under
varying loads and concurrent user scenarios.
- Identified and resolved performance bottlenecks to optimize system
responsiveness.
Regression Testing:
- Performed regression testing after any updates or modifications to
ensure that existing functionalities remain unaffected.
Documentation Review:
- Checked the accuracy and completeness of API documentation.
- Validated that developers can effectively utilize the documented APIs.
Compliance Testing:
- Ensured that the system complies with industry standards and
regulations.
Backup and Recovery Testing:
- Tested backup and recovery procedures to ensure data can be restored
in case of system failures.
Frontend-Backend Interaction:
- Explored methods for efficient communication between the frontend
and backend.
- Implemented data retrieval and display mechanisms for a seamless user
experience.
- Document challenges and how they were overcome
Challenge: Developing Backend Components
- Overcame the challenge of developing robust backend components by
following best practices and leveraging the capabilities of [Link] and
[Link].
Challenge: QR Code Generation
- Addressed the challenge of dynamic QR code generation by utilizing
external libraries and optimizing the process for performance.
Challenge: User-Product Mapping
- Successfully resolved the challenge of mapping users to their products
by implementing relational database models and ensuring data consistency.
Challenge: Frontend Development
PAGE 7
- Successfully navigated the complexities of frontend development by
adopting React and designing an intuitive user interface.
Challenge: API Development
- Addressed challenges in API development by conducting thorough
testing, ensuring endpoint consistency, and documenting APIs for developer
use.
PAGE 8
