A few images of my quiz
The link to go to our website :
The link to go to the github of our website :
Description of the project
For our second practical assignment in "Interfaces web réactives et animées," I worked with Gabrielle Pelletier to create a project for our friend Dominic Gibeau. Dominic is a creator of small comics that tell stories from our program, Multimedia Integration Techniques. The goal of the project was to design a React application to showcase his work.
Our site begins with a hero section featuring the title "Jean-Sébastien et Éric," the two main characters of the comics, accompanied by an image of them. One of the main features of the site is Gmail login, as users must be logged in to like the posts.
Below the hero section, we integrated a dynamic gallery of Dominic’s comics. Users can navigate through the comics using four buttons: "First," "Previous," "Next," and "Last." Each comic displays the number of likes and the publication date.
The site also includes a comments section where users can share their thoughts and like or dislike other users' comments. Finally, the footer contains all of Dominic’s information and social media links.
Publication date
This project was completed on June 5th 2024.
Role(s) in the project
In the "Interfaces web réactives et animées" course in Multimedia Integration Techniques, we had to create a project either individually or in a team of two for a comic application. I teamed up with a classmate.
Here were each team member’s roles :
Alexander Rankov : I handled the majority of the site’s programming. I implemented user authentication via Gmail, allowing users to like posts only when logged in. I also programmed the display of comics, the like counter, navigation buttons ("First," "Previous," "Next," and "Last"), and the display of the publication date. The back end was entirely managed with Firebase. Additionally, I developed the comments system, enabling users to add comments and to like or dislike them.
Gabrielle Pelletier : She took care of the entire site design. She created the hero section, which showcases the main characters and title, and the footer with client information and social media links. She also designed the illustrations for the interfaces and handled the overall site design.
Software used
For our second web application, we used Visual Studio Code, which allowed me to code in HTML5, JSX, and SASS. Firebase was used to manage various data.
Programming languages used
For this project, we used several technologies and programming languages to create the application for Jean-Sébastien and Eric. The project was mainly developed with React. We also integrated Firebase for user authentication, real-time database management, and hosting comics and comments. We used HTML5 for the site’s basic structure, SASS for styling, and JSX for writing React components in a way that streamlined the management of the virtual DOM.