🎬 React Movie Tutorial

Welcome to the React Movie Tutorial – a simple, responsive web application built with React that showcases popular movies using The Movie Database (TMDb) API.

Demo Screenshot

---

🚀 Features

• 🔍 Search for movies in real-time
• 🎞️ View movie posters, titles, and release dates
• 📱 Fully responsive layout (mobile-friendly)
• ⚛️ Built with React and modern JavaScript (ES6+)
• 📡 Fetches data from TMDb API

---

🛠️ Technologies Used

• React (with Hooks)
• JavaScript (ES6+)
• HTML5 & CSS3
• TMDb API

---

📦 Installation

If you’d like to run the project locally:

# Clone the repository
git clone https://github.com/jgonza25/React-Movie-Tutorial.git

# Navigate to the project directory
cd React-Movie-Tutorial

# Install dependencies
npm install

# Run the app locally
npm start

The app will be available at http://localhost:3000.

---

🔧 How It Works

1. The app fetches data from the TMDb API using a custom API key.
2. Displays a list of movies with poster images, titles, and release dates.
3. Includes a search bar that allows users to search for any movie by name.

---

📁 Project Structure

React-Movie-Tutorial/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   ├── App.js
│   ├── index.js
│   └── styles.css
├── .gitignore
├── package.json
├── README.md
└── ...

---

🌍 Deployment

This app is deployed using GitHub Pages. To deploy your own version:

npm run build
npm run deploy

Make sure your package.json has the correct homepage field:

"homepage": "https://<your-username>.github.io/<repo-name>/"

---

📜 License

This project is open source and available under the MIT License.

---

🙌 Acknowledgements

• The Movie Database (TMDb) for their free movie API.
• React documentation for best practices and examples.

---

👨‍💻 Author

Jimmy Gonzalez GitHub: @jgonza25