Skip to content

Web application that allows users to browse and discover popular and trending movies. Users can view movie details, ratings, reviews.

Notifications You must be signed in to change notification settings

CesarAFC/movies-redux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Movies App

The Trending Movies App is a web application that allows users to browse and discover popular and trending movies. Users can view movie details, ratings, reviews. The application is built using React and utilizes data from a third-party API. The application is built using React, React Query, Redux, ErrorBoundary, and MaterialUI. React is a popular front-end framework that makes it easy to build complex UI components. React Query is a library that provides an efficient way to fetch data from APIs and cache the results for better performance. Redux is a state management library that helps manage the state of the application across various components. ErrorBoundary is a component provided by React that helps handle errors and prevents the app from crashing. MaterialUI is a popular UI component library that provides pre-built components like buttons, forms, and tables that follow Material Design guidelines. This makes it easy to create a visually appealing and responsive interface. By using React, React Query, Redux, ErrorBoundary, and MaterialUI, we aim to create a high-quality application that is both performant and visually appealing.

Features

  • Browse trending and popular movies
  • Use Hash router to avoid errors
  • View movie details, ratings, reviews, and trailers (not yet)
  • Search for movies by title
  • (Save favorite movies to a watchlist for later viewing)?

Usage

To use the Trending Movies App, simply navigate to the application's URL ['https://cesarafc.github.io/movies-redux/] in your web browser. From there, you can browse and search for movies, view movie details and trailers, and create an account to save movies to your watchlist.

TODO

  • Agregar skeleton para movie detail
  • Add similar movies API
  • Add upcoming

Technologies Used

  1. React | Vite
  2. Redux
  3. React Router
  4. Tanstask | React Query
  5. Material UI
  6. TMDB API

Installation

To install the application locally, follow these steps:

Clone the repository:

git clone https://github.com/CesarAFC/movies-redux

Navigate to the project directory:

cd trending-movies-app

Install dependencies:

pnpm install

Start the development server:

pnpm start

Contributing

Contributions to the Trending Movies App are welcome! To contribute, follow these steps:

  1. Fork the repository
  2. Create a new branch for your feature:
git checkout -b my-feature
  1. Make your changes and commit them:
git commit -am 'Add new feature'
  1. Push your changes to your fork: git push origin my-feature
  2. Create a new pull request from your fork to the original repository

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

Web application that allows users to browse and discover popular and trending movies. Users can view movie details, ratings, reviews.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages