Has a friend ever recommended an amazing movie to you, only for you to immediately forget about it? Have you ever read an incredible book you swear someone suggested, but you can't remember who to thank? The List is here to help. Browse thousands of movies and books, personally recommend them to your friends, and store media recommendations made to you all within one convenient user interface!

Visit the app on heroku ⚛️

Check out the corresponding back-end repo 📋

Version 2.7.4
Version 5.2.8

To set up the project on your local machine, complete the following steps:

1. Ensure you have the correct versions of both Ruby(2.7.4 or later) and Rails(5.2.8 or later) by running ruby -v and rails -v from your command line.
   
2. Register for free API key here.
3. Clone the repo: git clone [email protected]:wesatt/consultancy_the_list_fe.git — for SSH
4. Install gems and dependencies: bundle install
5. Configure API key by first running bundle exec figaro install in your command line and then configuring your API key in your application.yml file:

movie_api_key: your_key_here

6. Authentication: Additional information about gem 'omniauth-google-oauth2' can be found here.

The List uses Google Oauth 2.0 to authenticate its users. A new user will be prompted to enter their Gmail account and password in order to access and sign in to The List. Once signed in, the user will land on their dashboard, which displays various media recommendations, by whom they were recommended, and a personal watchlist.



From the dashboard, a user can navigate to a search page, where they can search for media to add to their watchlist or recommend to other users.



After searching for either a book or a movie, a user will be able to browse all the results, click the link for that particular media, and see additional information. The user is able to recommend this media to other users from this page.

The List consumes several API's, including our own, built from the ground up back-end, TheListAPI. Additionally, The List consumes the following two external API's for media data:


Documentation here.


Documentation here.

Eric Espindola Chavez — Github • LinkedIn
Chris Kjolhede — Github • LinkedIn
Becky Nisttahuz — Github • LinkedIn

Deannah Burke — Github • LinkedIn
Wesley Garcia — Github • LinkedIn
Sai Hall — Github • LinkedIn

Jamison Ordway