sqmasep / ecoal

Project eCoal

The eCoal project is organized by my university. It's a webdev project in teams of 5-6 people: some foreign students & people from my university. The topic of the subject is to make a digital newspaper using React & Laravel. It takes place from March 6th to March 10th 2023.

The team

• Romain: Team leader, frontend dev & UX/UI
• Hugo: Backend dev
• Sofian: UX/UI
• Haider: Graphic design & articles
• Ong: UX/UI, backend help, articles
• Raveena: UX/UI, articles

Brainstorm & Design

We decided to make a music newspaper. We've chosen the neubrutalism design: strong outlines and sharp shadows, a blue-purple-ish accent-color and some animations

Technologies

Frontend

• React
• Typescript
• MUI5
• date-fns
• swiper
• zustand
• react-query
• Formik
• Framer Motion
• zod
• react-if (better readability)

Backend

• Laravel (PHP)

Review by the team leader

I enjoyed working with typescript on this project. I was already using typescript before, but i realized typesafety was even more crucial in this project. Having separated backend/frontend technology forced me to type the requests results. React-query helped so much and also using that neubrutalism design that i like a lot. I discovered react-if quite recently, it didn't run as expected honestly so i kinda gave up this library but i'll take a more deep look into it so my code become more readable. Animations with framer motion were made quite quickly, it adds more interactions with the user and is very smooth in page transitions. Not every feature was developed because of a lack of time. We should have develop more the mockups in Figma as well, it was a bit harder without it being clear.