https://github.com/kutluhangil/goit-react-hw-05

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.
https://github.com/kutluhangil/goit-react-hw-05

http-requests lazy-loaded-routes query-parameters react-router-dom

Last synced: 10 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/kutluhangil/goit-react-hw-05
• Owner: kutluhangil
• License: mit
• Created: 2026-01-20T21:21:21.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2026-01-20T22:49:57.000Z (5 months ago)
• Last Synced: 2026-01-21T07:08:45.234Z (5 months ago)
• Topics: http-requests, lazy-loaded-routes, query-parameters, react-router-dom
• Language: JavaScript
• Homepage: https://goit-react-hw-05-gamma-khaki.vercel.app
• Size: 107 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
🎬 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




  


    GitHub Repository:

    

      https://github.com/YOUR_USERNAME/goit-react-hw-05

    

  

  


    Live Demo (Vercel):

    

      https://YOUR_PROJECT.vercel.app

    

  





🛠️ 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! 🚀