Welcome to Showtime, a movie app built with React.js!
Showtime is a web application that allows users to explore a vast collection of movies, view details about each movie, and search for specific titles.
To run Showtime locally, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Run
npm install
to install dependencies. - Run
npm start
to start the development server.
- React.js: Version 18.2.0
- React DOM: Version 18.2.0
- React Router DOM: Version 5.3.4
- Axios: Version 1.6.7
- Query String: Version 9.0.0
- Sass: Version 1.71.1
- Swiper: Version 6.8.4
- @testing-library/jest-dom: Version 5.17.0
- @testing-library/react: Version 13.4.0
- @testing-library/user-event: Version 13.5.0
- Web Vitals: Version 2.1.4
-
Navigation Categories: Easily browse between "Movies" and "TV Shows" using the navbar. Additionally, the "Home" page features a dynamic hero banner showcasing trending movies and TV shows, with banners changing every 7 seconds.
-
Carousel Display: Explore a wide range of movies and TV shows in an interactive carousel format. If you can't find what you're looking for, utilize the search bar functionality to discover specific titles.
-
Detailed Information: Click on movie posters or carousel items to access detailed information about each movie or TV show. Watch trailers seamlessly through embedded YouTube functionality.
We welcome contributions from the community! If you'd like to contribute to Showtime, please follow these guidelines:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and test thoroughly.
- Submit a pull request with a clear description of your changes.