Skip to content

Movie – Technigo Bootcamp Project 2025#46

Open
KausarShangareeva wants to merge 4 commits intoTechnigo:mainfrom
KausarShangareeva:main
Open

Movie – Technigo Bootcamp Project 2025#46
KausarShangareeva wants to merge 4 commits intoTechnigo:mainfrom
KausarShangareeva:main

Conversation

@KausarShangareeva
Copy link
Copy Markdown

@KausarShangareeva KausarShangareeva commented Dec 18, 2025

Hi there! 👋
I built Movie Explorer as part of my Technigo JavaScript Bootcamp 2025 journey. This React application lets users explore popular movies, view detailed information about each film, and navigate seamlessly between pages using React Router.

You can check out the live website here: Movie Explorer

Key Features:

  • Browse popular movies with poster images and ratings
  • View detailed information for each movie, including description, rating, and poster
  • Responsive layout for desktop, tablet, and mobile
  • Navigation powered by React Router for multi-page experience
  • Dynamic content fetched from TMDB API
  • Reusable React components and styled-components for styling

This project helped me practice React, working with APIs, state management with useState and useEffect, React Router for multi-page apps, and responsive design. Hope you enjoy exploring it! 🌟

Copy link
Copy Markdown

@Npahlfer Npahlfer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great to see that you use a layout file with the React Router Outlet, and that you have the breakpoints in one file! Remember that you can have reusable colors together with the breakpoints in the styled component theme file.
Nice to see that you have one place for the API URL/key. The READY_URL could be constructed from the BASE_URL and the API_KEY though :) The TMDB image URL could also have been put in a central place as it's reused in more than one file.
The upcoming sorting isn't really working as it should, but that's not your fault as that's what comes from the API. A fix could be to check the release date of the movie and compare it to today's date.
The renderPaginationButtons function could have been its own component. Now that function is recreated at each render. Not a biggie but still a good improvement, and it would clean up the long HomePage component a bit as well.

Next time think of how you do your commits, now you have quite few commits and they are not that descriptive, think of commits as checkpoints of your development state, they help you move back in time when you need it (and you will have to do that many times once you start to do more complex applications). Commits are for everyone in your team, write commits as how you would have wanted to read them (like if your team mate wrote commits and you would have to start to debug with those), but overall nice work!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants