Capstone Project: WatchedIT

Why this app?

As a passionate movie and show lover, I've always wanted an app that would make browsing through thousands of options easy and convenient. I've often found myself losing track of what I've watched or what's on my watchlist, and I wanted a solution that would streamline this process. That's why I created WatchedIT with a deep love for movies and shows, and a desire to enhance the viewing experience for fellow enthusiasts like myself. Now, I'm thrilled to share this app with others who share the same passion, and I hope it becomes your go-to tool for discovering, tracking, and enjoying all your favorite movies and shows!

Note: I made this app as my capstone project at the neue fische web development bootcamp within four weeks.

WatchedIT: Your Ultimate Movie and Show Companion!

Discover thousands of movies and shows in one convenient app. Get instant details on streaming availability, actors, trailers, and more, all in a user-friendly interface.

Never lose track of what you've watched or what's on your watchlist with WatchedIT's intuitive tracking feature. Stay up-to-date with the latest theater releases on the unique cinema page.

Elevate your movie and show browsing experience with WatchedIT. Use the app now and unlock a world of entertainment at your fingertips!

Demo:

You can find the hosted version on Vercel: Demo Version of WatchedIT

Important: This demo is optimized for mobile screen.

Tech Stack

• Next.js
• React
• React Hooks
• React Router
• React Testing Library / Jest
• JavaScript
• Styled Components
• The MovieDB API
• Lottiefiles
• useSWR
• ReactPlayer
• localStorage/use-local-storage-state
• npm
• Vercel

Project Setup

• Clone this repository
• Get your API key from The MovieDB API
• Set up your own .env file with your API key
• Install all dependencies with $ npm install
• Run app in dev mode with $ npm run dev
• Server: http://localhost:3000/
• Run tests via $ npm run test