(Catchy name pending...)
This project started from a love for movies and the desire to answer the question that my wife and I ask each other very often — what movie should we watch tonight?
During my time at Hack Reactor, we had the chance to work on a 2-day sprint that could be any project we decided to build. I chose to work on this mobile-first movie list web application, delivering the minimum viable product after the two days. Now, I’m refactoring and improving it.
Building this app has been a huge learning experience for me! It is created using awesome tools like:
- React
- React Router
- React Query
- SASS
- Mantine UI
- TMDB API
- Zustand
- Create, remove, and edit lists stored in your TMDB account
- Mark movies as Watched or To Watch
- Search movies
- Extensive movie details — overview, trailer, actors, watch providers, & more!
- Settings — select which streaming providers you’d like to see
- Plex — optionally add a Plex URL and access token to add the personal collection to the available providers
This project has been dockerized — you can find the image and installation instructions at joshandromidas/movie-list to deploy it yourself!
As of right now, this app has been visually designed exclusively for mobile. In other words, it does work on desktop but it doesn’t look pretty — yet. In the future I'll consider:
- Add desktop UI from the ground-up, implementing a responsive design that looks great on all devices
- Add other visual goodies like dark/light mode
- Add a database connection to store user preferences more robustly
- Fix bugs & improve speed