Skip to content

Project Report D3

Jump to bottom
Ahmed Mossa edited this page Dec 5, 2024 · 3 revisions

GAME SHOP MANAGEMENT SYSTEM

Group 9 Members:

  • Ismail Sentissi
  • Nicolas Bolouri
  • Amgad El Gamal
  • Hamza El Farrash
  • Ahmed Moussa
  • Mohammed-Amine Benzaid

Project Goal

The goal of this deliverable is to implement and integrate a web frontend for the Game Shop Management System using modern web development technologies. This deliverable focuses on:

  • Implementing a user-friendly and visually appealing web interface.
  • Integrating the web frontend with backend services through RESTful APIs.
  • Ensuring seamless communication between frontend and backend using asynchronous calls.
  • Updating and testing backend services to meet integration requirements.
  • Maintaining a robust build system and detailed project management documentation.

Technologies Used

  • Frontend Framework: React
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Backend Communication: RESTful APIs (Developed in Deliverable 2)
  • Build System: Gradle (compilation, testing, packaging)

Meeting Minutes

Meeting 1: Frontend Framework Selection and Initial Setup

Date: November 22, 2024
Attendees: Ismail, Nicolas, Amgad, Hamza, Ahmed
Goal: Kickoff frontend implementation and framework setup

Points Discussed:

  1. Chose React for its component-based architecture and efficient DOM rendering.
  2. Decided to use TypeScript for type safety and improved code maintainability.
  3. Selected Tailwind CSS for fast, utility-first styling.
  4. Assigned responsibilities:
    • Ismail and Nicolas to lead frontend component development.
    • Amgad and Hamza to handle API integration and backend updates.

Action Items:

  • Set up React environment with TypeScript and Tailwind CSS.
  • Define core components and page structure.

Meeting 2: API Integration and Backend Updates

Date: November 27, 2024
Attendees: Amgad, Hamza, Nicolas, Ahmed
Goal: Align frontend API integration with backend requirements

Points Discussed:

  1. Reviewed API endpoints from Deliverable 2 to ensure compatibility with frontend.
  2. Planned asynchronous API calls using fetch for retrieving game data, user orders, and reviews.
  3. Identified updates to backend services to support additional frontend features (e.g., user authentication).
  4. Discussed handling errors and edge cases in API calls.

Action Items:

  • Update backend services to include missing features.
  • Integrate frontend components with RESTful API endpoints.

Meeting 3: Usability Testing and Build System

Date: December 1, 2024
Attendees: All group members
Goal: Test frontend usability and finalize build system

Points Discussed:

  1. Conducted usability testing for navigation, responsiveness, and design.
  2. Adjusted Tailwind CSS styles to improve visual appeal and consistency.
  3. Set up Gradle tasks for build automation, including testing and packaging.
  4. Documented issues and assigned them for final touches before submission.

Action Items:

  • Complete README and update wiki with meeting minutes and design decisions.
  • Finalize Gradle build system.

README and Project Documentation

The README file includes:

  1. An introduction to the team and project scope.
  2. A table summarizing team roles, contributions, and hours worked for each deliverable.
  3. Links to the project wiki for detailed meeting minutes, design decisions, and testing protocols.

Design Decisions

  1. Frontend Framework: React for dynamic, reusable components.
  2. Type Safety: TypeScript for reducing runtime errors.
  3. Styling: Tailwind CSS for streamlined and consistent design.
  4. API Communication: Asynchronous RESTful API calls for real-time data retrieval.
  5. Build System: Gradle to automate testing, compilation, and packaging.

Next Steps

  • Submit the GitHub repository link with updated README and wiki.
  • Ensure smooth integration and comprehensive testing of all features.
  • Prepare for final project presentation and assessment.

Clone this wiki locally