Meme/Quote/GIF Generator based on Emotions

In this project, I learned how to consume APIs and use REST endpoints with React.js to design a website that responds to user emotions, with the goal of promoting well-being. Specifically, I used Affectiva's libraries to detect and analyze users' emotions in real-time. Based on the emotions detected, the website dynamically displays appropriate images and messages to improve the user's emotional state. To accomplish this, I utilized GIFs, memes, and inspirational quotes that are known to make people smile, regardless of their initial mood.

To achieve this, I had to first learn how to work with Affectiva's libraries and understand their limitations. Once I gained a thorough understanding, I brainstormed ideas to effectively utilize the API, which ultimately led to the creation of the meme generator. This project not only helped me to enhance my React.js skills, but also taught me how to work with APIs and REST endpoints to provide real-time, personalized responses to users based on their emotional state.

Click Here To See Project Click Here To See Design Process