Movies List

Hello,

my project is about movies. There’s a small Notion database I’ve created with movies I like where I can add items along with any kind of information I want like title, year, tags, cover etc. It’s a convenient place to keep this kind of information and it also allows to access data through API.

Features:

  • The initial view is basically a list of all movies displayed in form of cards based on data fetched through Notion API.
  • User is able to filter movies displayed by tags and genres. For example “serial” + “mystery”.
  • Every movie card is a link to subpage which contains an artwork and a description of a selected movie. Because this data is not present in the Notion database, it’s fetched from TMDB through it’s API by querying by the title and year.
  • Project is deployed on Netlify and uses it’s Serverless Functions. Here the actual communication with the APIs is happening (which helps to hide API keys).
  • Application has a page where user can submit a movie or serial recommendation.
  • Submitted recommendations are then sent via email using Nodemailer and Netlify Serverless Functions
  • Appearance mode toggle allows to switch between dark and light modes. It uses Lottie for React

There were a lot of challenges but also it was super interesting to go through and build all the functionalities one by one. This project taught me a lot about pretty every technology and tool used along the way. It also definitely has shown how large is the room for improvement still remains.

More at GitHub Repo

Live app