This is the repository for the website Nomeações Oscar.
The goal of the app is to provide a summary of recent Oscars, including nominated movies, winner and their relevant information.
The front-end is developed using Astro and Typescript.
The data to build the website is collected using a Node script that crosses data from The Open Movie Database API and the IMDb dataset hosted locally on MongoDB.
This projects uses PicoCSS, a minimal CSS framework. PicoCSS has really good defaults for semantic html elements, which gave a solid base for the website css. For the movie cards, grids, badges and links, I used Sass as a css pre-processor.
One of the biggests challenges of the project was dealing with the Award pages.
There are Oscar categories that nominate cast members, the directors or a specific song. So I had to find the best way to display those names in movie cards for those categories.
There is also a case where a movie can be appear twice in the same category, when cast members of the same movie are nominated for the same award. This was trick to deal with, but I'm happy with the final result of including both names on a single movie card.