Skip to content

README.md

Latest commit

 

History

History
113 lines (90 loc) · 2.6 KB

README.md

File metadata and controls

113 lines (90 loc) · 2.6 KB
Raw

🎬 React Homework 05 — Movie Search Application

This project is a movie search application built with React. The main goal of this homework is to practice working with React Router, HTTP requests, query parameters, and lazy-loaded routes.

🔗 Project Links

🛠️ Technologies Used

  • React
  • Vite
  • React Router DOM
  • Axios
  • TMDB API
  • CSS Modules

📌 Application Description

The application allows users to search for movies and view detailed information about each movie. Data is fetched from the TMDB API.

Main features include:

  • Trending movies on the home page
  • Movie search with query parameters
  • Movie details page
  • Nested routes for cast and reviews
  • Go back navigation preserving previous location
  • Lazy-loaded routes using React.lazy and Suspense

🧭 Routing Structure

  • / — Home page with trending movies
  • /movies — Movie search page
  • /movies/:movieId — Movie details page
  • /movies/:movieId/cast — Movie cast
  • /movies/:movieId/reviews — Movie reviews
  • * — Not found page

📂 Project Structure

src/
├── components/
│   ├── MovieCast
│   ├── MovieList
│   ├── MovieReviews
│   └── Navigation
├── pages/
│   ├── HomePage
│   ├── MoviesPage
│   ├── MovieDetailsPage
│   └── NotFoundPage
├── services/
│   └── tmdb-api.js
├── App.jsx
└── main.jsx

✅ Final Notes

This homework focuses on understanding client-side routing, working with URL search parameters, nested routes, and handling asynchronous API requests in React.

The project fully meets all homework requirements and runs without console errors or warnings.

Happy coding! 🚀