ReactFlix - The Movie Listing React App by AlterClass

Starter code for the challenge in the React Router module of the React course.

Follow along with the classroom lessons to complete the challenge, or attend a live-stream session with your instructor from the Discord server.

Check out the live demo of the final result: https://react-flix.netlify.app/.

create-react-app

This project uses the popular create-react-app (CRA) command to setup a modern React application. This way we can focus on the code itself, and not worry about configuring many build tools.

The package.json file provides four scripts:

• start: Runs the app in the development mode.
• build: Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
• test: Launches the test runner in the interactive watch mode.
• eject: Remove create-react-app build dependency from your project.

Requirements

1. Create an account on themoviedb.org (it's free!)

2. Copy your TMDB API Read Access Token (v4 auth) as you'll need it to fetch the data for this project

Instructions

1. Clone the project repository: git clone https://github.com/AlterClassIO/react-flix-challenge

2. Navigate to the project folder: cd react-flix-challenge

3. Install the dependencies: npm install

4. Rename the env.example file to .env and paste your API Read Access Token in it

5. Start the app in the development mode: npm start

6. Open http://localhost:3000 to view your React application in the browser

7. Follow along with the lesson.

8. Implement the project.

9. Submit!