Week 9 Worklog

Week 9 Objectives:

  • Setup a parallel running environment (Frontend - Backend - Docker) to develop the project.
  • Complete the integration of Product Management and Category APIs.
  • Solve the challenge of displaying images from AWS S3.

Tasks to be carried out this week:

DayTaskStart DateCompletion DateResource
2- Integrate Backend API and test with Swagger before implementing API into Frontend.
- Check Login functions to configure and add admin permissions.		03/11/202509/11/2025http://localhost:8080/swagger-ui/index.html?gidzl=Un-z6C7ELdHx1huVmjDLSde1l1xRqL1wPbRiGjxKLtfc0EyGqOG4AMm1kKJItmKiFrplGZUFvjbSnyrKSW&continue=#/product-variant-controller/listProductVariants
3- Design Admin UI for Categories and Product Management.
- Integrate Product Management and Category APIs.
- Troubleshoot Backend issues regarding installation and synchronization with Docker.		03/11/202509/11/2025http://localhost:8080/swagger-ui/index.html?gidzl=Un-z6C7ELdHx1huVmjDLSde1l1xRqL1wPbRiGjxKLtfc0EyGqOG4AMm1kKJItmKiFrplGZUFvjbSnyrKSW&continue=#/product-variant-controller/listProductVariants
4- Setup environment and link Backend Git.
- Run the system in parallel between Backend, Docker, and Frontend.
- Add new APIs and check system functionality.		03/11/202509/11/2025http://localhost:8080/swagger-ui/index.html?gidzl=Un-z6C7ELdHx1huVmjDLSde1l1xRqL1wPbRiGjxKLtfc0EyGqOG4AMm1kKJItmKiFrplGZUFvjbSnyrKSW&continue=#/product-variant-controller/listProductVariants
5- Complete API integration for both sides.
- AWS S3 Challenge: Handle logic to fetch images from S3 and display them on the Web.
- Learn and research how to retrieve S3 Keys for display.
- Find a way to add, edit, and delete displayed images via product categories using API.		03/11/202509/11/2025http://localhost:8080/swagger-ui/index.html?gidzl=Un-z6C7ELdHx1huVmjDLSde1l1xRqL1wPbRiGjxKLtfc0EyGqOG4AMm1kKJItmKiFrplGZUFvjbSnyrKSW&continue=#/product-variant-controller/listProductVariants
6- Finalize Features:
  + Add, edit, delete products (CRUD)
  + Display the complete product list in the project management section.		03/11/202509/11/2025http://localhost:8080/swagger-ui/index.html?gidzl=Un-z6C7ELdHx1huVmjDLSde1l1xRqL1wPbRiGjxKLtfc0EyGqOG4AMm1kKJItmKiFrplGZUFvjbSnyrKSW&continue=#/product-variant-controller/listProductVariants

Week 9 Achievements:

  • Synchronized Development Environment Setup:

    • Successfully installed and configured a parallel running environment between Backend, Docker, and Frontend.
    • Completed Backend Git linking, ensuring source code synchronization.

  • API Integration and Authorization:

    • Understood and proficiently used Swagger to test APIs before integrating into Frontend.
    • Successfully handled Login flow and Admin permission assignment.

  • Product Management Module Completion:

    • Completed UI design for Product Management and Categories pages.
    • Successfully integrated APIs for full CRUD functions (Create, Read, Update, Delete) for products.

  • Solved Image Storage Challenge with AWS S3:

    • Grasped the object storage mechanism on S3.
    • Resolved the logic issue regarding retrieving S3 Keys from Backend and displaying product images on the Frontend interface.
    • …