Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nrjshka/movie-list

https://nrjshka-movie-list.netlify.com/
https://github.com/nrjshka/movie-list

Last synced: 12 days ago
JSON representation

https://nrjshka-movie-list.netlify.com/

Host: GitHub
URL: https://github.com/nrjshka/movie-list
Owner: nrjshka
Created: 2021-02-09T21:46:31.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2021-02-14T21:48:50.000Z (almost 4 years ago)
Last Synced: 2024-11-07T16:52:25.130Z (2 months ago)
Language: TypeScript
Homepage:
Size: 23.2 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Movie list by Max Korolev @nrjshka

React app with using Typescript, @redux/toolkit, Styled components, jest and react-testing-libraly.

List of movies - api.themoviedb.org

## Active link
https://nrjshka-movie-list.netlify.app/

## Functionality
### Searching movies
1. Search input supports queryString, which allows you to save a link to a specific query so that you can comfortably send it to friends or acquaintances.
2. An empty query displays the most popular movies.

![Demo](https://github.com/nrjshka/movie-list/blob/main/media/movieList1.gif)

### "Watch later" and "Favourite"
1. The movie can be added to "favorite" or "watch later".
2. To do this, just click on the icon under the movie.
3. Pressing the icon again will remove it from the list.

![Demo](https://github.com/nrjshka/movie-list/blob/main/media/movieList2.gif)

### Filters movies in "watch later" and "favorite".
1. The "watch later" and "favorite" pages also support filtering.
2. To do this, use the search bar. Search by title and description of the movie is supported.
3. Searching bar also supports queryString.

![Demo](https://github.com/nrjshka/movie-list/blob/main/media/movieList3.gif)

### Watching movie trailers

![Demo](https://github.com/nrjshka/movie-list/blob/main/media/movieList4.gif)

## My contacts

- [LinkedIn](https://www.linkedin.com/in/nrjshka/)
- [Telegram](t.me/nrjshka)
- [Email](mailto:[email protected])