Framed
A dynamically updating movie-logging website
Roles
Designer • Programmer
Technical Stack
Overview
A movie-logging website that allows users to keep track of the films they have watched, as well as the films they want to watch. The website features dynamically updating pages through the use of the TMDb API, as well as a variety of other features such as user authentication, search functionality, and more. Currently in progress.
Showcase
Front Page
The front page of the website features a variety of movies for various sections. There are my personal picks that I show off, weekly trending, top rated, and various genres. Any movie seen here can be clicked on to see more details.
Movie Details
When a movie is clicked on, the user is taken to a page with
detailed information about the movie. This includes a banner,
the poster, the director, actors, cinematographer, composer, and
more.
There is also a trailer and a recommendation section.
Search
Users can utilize a fully-functioning search bar to find any movie within the TMDb database. If there are more than 20 results, multiple pages will be created to show all of the results.
Detailed Info
Every director, actor, cinematographer, and composer has their own page with detailed information about them. This includes their bio and the films that they have worked on in that role.
Profile
Users can create an account and log in to keep track of the movies they have watched and the movies they want to watch. They can also set their own profile picture, username, and favorite films.
Dynamic Updates
All of the pages on the website are dynamically updated through the use of the TMDb API. This means that the website is always up-to-date with the latest movies and information.
Challenges
The biggest struggle was working with the TMDb API. The website needed to be able to pull in a variety of information about movies, actors, directors, and more. This required a lot of understanding of how the API worked and how to properly use it to get the information needed. With the help of the TMDb documentation, I was able to successfully implement the API into the website, using the endpoints I needed to get the necessary information.