Sven-Lyco/capstone-project

Watcha helps you to discover new movies and series and add them to your watchlist. You can mark individual films and episodes of a series as watched, so that you always know which film you have already seen or where you stopped in a series. Capstone project for web development bootcamp by @neuefische.

Watcha

Capstone project - Web Development Bootcamp at neuefische GmbH

Description

An app for everyone who likes to watch movies and series

Watcha helps you to discover new movies and series and add them to your watchlist. You can mark individual films and episodes of a series as watched, so that you always know which film you have already seen or where you stopped in a series. On the individual detail pages you get information about the film or series. Furthermore, you can decide whether you want to have the background image or the trailer displayed on the detail pages. Happy Watching! 🍿 📺

Demo

Have a look at the hosted version on Vercel: Watcha Demo

Important: This demo is optimized for mobile screen!

Tech Stack

• React
  • React Router
  • React Testing Library
  • React Player
• Husky
• Jest
• Styled Components
• Storybook
• TMDB API
• Serverless Functions
• Vercel API
• Node.js
• MongoDB Atlas
• mongoose

Project Setup

• Clone this repository
• Use .env.example to create your own .env inside the root folder
  • Add your API_KEY from TMDB
  • Add your MONGODB_URI
• Install all dependencies via $ npm install
• Run app in development mode via $ npm start
• Open http://localhost:3000/ to view it in the browser
• Run tests via $ npm test
• Run Storybook via $ npm run storybook

Side Note

All data comes from The Movie Database API , the data of providers comes from JustWatch in partnership with The Movie Database API. This product uses the TMDB API but is not endorsed or certified by TMDB.