gferrarocamus / movie-roulette

An app built with React that tells you which movie to watch next

Home Page:https://the-movie-roulette.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MovieRoulette

This is an app where users can discover new movies to watch. It is built with React using components from Ant Design.

Background

The concept of this app is inspired by random movie roulette lists on Letterboxd. In their most basic usage, movie roulettes provide a convenient way of just choosing a movie to watch when decision fatigue strikes.

These lists also help film lovers expand their horizons by encouraging them to watch movies that they typically wouldn't watch. Streaming services can offer a lot of content that is difficult to discover organically because of the way that their algorithms push certain titles (and not others), leaving viewers in a rut. That's where movie roulettes come into play, too.

Random movie roulette lists typically work in the following way:

  1. Use a random number generator to pick a number.
  2. Search for the movie corresponding to that number on the list.
  3. You can skip a limited number of times, after which you should watch the movie discovered.

MovieRoulette aims at serving the same purposes from a single place.

Features

  • Randomized movie recommendations based on four categories.
  • Possibility to skip recommendations indefinitely.
  • Unique recommendations across categories.

Features in the Works

  • Filters to narrow down recommendations by cast, crew, year, language, runtime, similar movie, etc.
  • Watchlist to keep track of accepted recommendations.
  • List of rejected recommendations.

Future Features

  • Toggling between limited and indefinite recommendations.
  • Full-fledged user accounts.
  • Richer movie data drawn from additional APIs.

Development

To run locally, make sure you have Node.js installed.

After cloning the repo, install the necessary packages inside the project directory:

$ npm install

Compile in development mode with npm start and you're good to go.

Contributing

Contributions, issues, and feature requests are absolutely welcome. Take a look at the issues page before getting started.

Follow these steps to contribute:

  1. Fork the repo and git clone <forked repo address>.
  2. Create your working branch (git checkout -b <descriptive-branch-name>).
  3. Commit your changes (git commit -am "<what this commit will fix/add>").
  4. Push to the branch (git push origin <descriptive-branch-name>).
  5. Open a pull request explaining your work.

Attributions

Film data and images supplied by TMDb. This product uses the TMDb API but is not endorsed or certified by TMDb.

Icons made by Roundicons from www.flaticon.com.

Live Version

See it live here.

License

MIT © 2020 Giuliana Ferraro


Movie Roulette Demo

About

An app built with React that tells you which movie to watch next

https://the-movie-roulette.netlify.app/


Languages

Language:JavaScript 81.0%Language:CSS 17.3%Language:HTML 1.6%