PlanetTV is a TV show search engine that showcases information related to different television series.
✅ Users can search TV shows using the search bar.
✅ Users can explore different TV shows and filter them by genre: drama, comedy, crime, action, etc.
✅ Users can access information related to a specific TV show including plot, ratings, cast list, trailer, and more.
✅ Authenticated users can add or delete TV shows from their personal watchlist.
✅ The app is fully responsive and it adapts to any screen size.
✅ The app was developed while considering the Web Content Accessibility Guidelines (WCAG).
🔗 Link to the live project: Link
I developed the project over the course of approximately a month and a half. This is the first project I built after learning React, so I invested a lot of time and effort into researching the technologies I used and their best practices. In order to learn as much as I can from the development of this project, I implemented certain features from scratch including accessible and scrollable tabs, a carousel functionality, and infinite loading.
After designing a prototype of the application using Adobe XD, I started developing the app using the following technologies:
- React (Custom hooks & Context API)
- React Router 6
- React Query
- axios
- SCSS modules (CSS grid & CSS Flexbox & Media queries)
- Framer Motion
- Firebase authentication services & Firestore database
In order to search and obtain information about TV shows, I used the TMDB API and the OMDB API.