🍿 Movieshelf

Opensource movie, tv and cast catalog that uses The Movie Database API to fetch movies/tv data. Take a look at it running on https://movieshelf.app.

📦 Dependencies

This project uses Create React APP, React Router, CSS modules and Context API. It also uses the @leandrowkz/tmdb package to interact with the The Movie Database API.

⏭️ Running locally

Since this is an free project, you're able to clone this repository and run it locally. The outcome should be similar to the running website.

This project relies on Vercel, especially for proxying api calls. So before you start you'll need to create a Vercel project and attach it to this repository (the copy you made it). You can use it the Vercel CLI to do so. After creating and linking a Vercel project to the copy of this repository you need to create an TMDB apikey and set it on your vercel project.

The steps you need to run this locally:

1. Install the Vercel CLI
2. Create a new Vercel project
3. Run $ vercel link to link your copied repository to your vercel created project
4. Create a TMDB apikey
5. Add the variable REACT_APP_TMDB_API_ACCESS_TOKEN to your Vercel project, with the value of TDMB apikey
6. Run $ yarn to install dependencies
7. Run $ yarn start:dev to start the project

If everything went right then you will have the project running on the http://localhost:3000.

🐞 Monitoring

This project uses New Relic as monitoring tool, to log errors and metrics. If you want to use it, just add the necessary env variables to enable it. Follow New Relic's quick start guide to create a Browser monitoring app on it, then copy the values inside generated script to your .env file. If you don't want to enable New Relic in your application, no worries, just leave the related env vars empty.

☕ Contribute to this project

Help this project to be bigger by submitting a feature request, working on a new feature or sponsoring it. Check it out the project roadmap and the stay tuned for the upcoming features.

🎦 The Movie Database API

This product uses the TMDB API but is not endorsed or certified by TMDB.

All the information related to movies/tv displayed on carousels, lists, details, etc., comes from the TMDB API. This is an incredible project that provides overall movies, tv and cast information for those who need to their projects. A huge shout out to them for their amazing work and for making this kind of projects (movieshelf) possible.

I recommend you to take a look at their website and join their community.