Dynamic Quiz App
I love good movies and TV, and I also enjoy recommending those to people based on their own tastes. So I created a dynamic web quiz app to help me do it.
React.JS provided the foundation for me to build the app from the ground up. For the UI, I used a combination of my own designs and CSS with Material UI components. I kept the quiz interface simple, but decorated the wide background with a beautiful image slideshow. I used Node.JS and RapidAPI integration to read information from the IMDB Database. I used GitLab for version control and incorporated its CI/CD pipeline to automatically publish local changes on the master branch to the public version.
The most challenging aspect of this site, however, was the logic of the quiz itself. I wanted the recommendation results to be limited by my own personal list of favorites, so I made JSON objects for each movie and TV show with data for its traits and strengths. I then pulled this data into the React frontend and generated the quiz questions based on the items remaining in the candidate list. As the user answers each question, the next question is generated based on the differences between the remaining candidates. When there are no more differences to resolve, the user receives their entertainment recommendation.