React movies provides you with anime and related resources using TMDB. It is built with react, redux-toolkit, typescript and other dependencies.
- Search Movies: The Movie Search feature allows users to find their favorite movies quickly and efficiently. Сan enter keywords into the search bar, and the system will return a list of movies matching the search criteria.
- Use search filters: The Movie Filter feature lets you easily refine your movie search results to find exactly what you want. You can filter movies by genre, release date, and ratings to match your preferences. Additionally, you can sort movies by popularity or rating to see the most relevant options first.
- Add to favorite list: The Favorites feature allows you to curate a personalized collection of your favorite movies.
- Movies detailed info: Detailed movie information includes insights into the cast, crew, trailers, media content, reviews, ratings, and release details. This comprehensive overview helps you understand and explore every aspect of the film before deciding to watch it.
- Interaction requires authentication: A basic interaction requiring authentication using a promise-based approach, without backend integration.
To run the project in your local environment, follow these steps:
- Clone the repository to your local machine.
- Run npm install or yarn in the project directory to install the required dependencies.
- Run npm run start or yarn start to get the project started.
- Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app.
- Enter the autocompleted value from input or use this token to authenticate: eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI1YzQwOGM3ZGZhNmNmODQ4YWIzYWE2NGM2NmQ2NzMxOSIsInN1YiI6IjY1ZjE3YjVlOTkyNTljMDE4NjVlMTk2YyIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.r4SPZ5flN6luDVxqK3Gh-drLZowg-woeutbhi_hiPqw
- Right now, it doesn't work well on phones/adaptive layout.
- Right now authorization is so simple, it's just moke authorization. Need to add firebase.