Context

This project is the academic project for Fall semester of 2024.

Description and goals

With the increasing complications of managing incoming and outgoing students from Polytech Dijon, the responsible for international realtions suggested this project. I was responsible of the conception, development and implementation of the frontend part.

Tech stack

• Figma
• ReactJS + TypeScript Additional libraries :
  • React Router
• AdonisJS + TypeScript

  This tech is only listed to describe the project. I minimally interacted with the backed on this project.

Concepts used and developped

• UI/UX
• RESTful APIs

Implementation

After collecting the client's needs, a mockup of the app's interface was designed using Figma and presented to and validated by the client. These designs offer a general view over the app components, their positioning and the needed endpoints.

Work on the backend started by the dedicated team. After the appearance of a few endpoints, I started developing the interface using ReactJs + TypeScript.

Structure

Using the new React Router structure, a root page acting as the template was used. Template pages are used to display data in formats like cards or lists.

Data is fetched from the backend using the fetch function since the project is simple.

Tests

This project does not yet include automated tests, but I have ensured code quality and clarity.

I am familiar with unit testing best practices and plan to add tests in future projects.

Demo

Here are some examples of the Figma designs.

The code for this project is private and proprietary.