React Movie Browser

This application is a research site for Movies past and present, to provide the user with tools to be informed in their entertainment choices.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

This is a Fullstack app and this repository is only the React frontend. The Ruby on Rails API backend is available here.

Installing

Backend Setup

Clone the backend repository to your computer:

git clone git@github.com:eclectic-coding/react-movie-browser_backend.git

The Rails application has a few prerequisites:

• Postgres database
• Movie API (TMDB) and you will need to get an API key.

The application is designed to secure the API key, and my local postgres development user credentials using Rails Credentials. You will need to set this up before starting the server.

Start the backend development server rom within your backend project directory (i.e. starts on port 3000):

rails s

Frontend setup
Clone the frontend from this repository to your computer:

git clone git@github.com:eclectic-coding/react-movie-browser_frontend.git

Start the frontend backend development server from within your frontend project directory (i.e. starts on port 3001 and will automatically open your default browser):

yarn dev

TODO

• Add filter button bar
• Abstract user action/reducer to provide userId
• Convert all movie id calls to use movie_id instead of DB table row id
• Add pagination to Movie List
• Watchlist Button component
• Add Watchlist to rails routing
• Add Watchlist table interface table in user profile area
  • Add watchlist button to menubar
  • Conditional ternary in Movie Detail for watchlist
• Add protected route
• Add React-router back navigation
• Add Cast section panel to Movie Details page
• Add Recommended section to Movie Details section

Bugs

• Fix log out redirect
• Flash waiting for movie list to populate. Look into fix. Maybe with Suspense and lazy load.

Frontend Built With

• Create React App - The web JavaScript library/framework used for the frontend
• Redux - Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.
• React-bootstrap - React-Bootstrap replaces the Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery.
• Eslint - ESLint statically analyzes your code to quickly find problems.
• Prettier - An opinionated code formatter
• Husky - A script to increase code quality using Git's pre-commit hooks.

Contributing

Please read CONTRIBUTING.md for details about the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Chuck Smith - Eclectic Coding

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE file for details

Acknowledgments

• Your name could be here. Jump in and help out.