https://github.com/ivansarabeev/movie-watchlist

Search for you favourite movies, series or save them to your collection for later.
https://github.com/ivansarabeev/movie-watchlist

git github html react react-router-dom tailwind typescript vercel

Last synced: 2 days ago
JSON representation

Search for you favourite movies, series or save them to your collection for later.

• Host: GitHub
• URL: https://github.com/ivansarabeev/movie-watchlist
• Owner: IvanSarabeev
• Created: 2023-10-14T07:02:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-19T10:44:32.000Z (about 1 year ago)
• Last Synced: 2023-10-19T11:40:15.028Z (about 1 year ago)
• Topics: git, github, html, react, react-router-dom, tailwind, typescript, vercel
• Language: TypeScript
• Homepage:
• Size: 7.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Movie Watchlist

## Introduction

**Movie Watchlist** is a web application that allows users to search for their favorite movies and TV series. Users can also access detailed information about the selected movie or series and save their favorites to a collection for easy tracking. Please note that this app does not provide movie playback functionality.

## Features

1. **Live Search**: As users type in the search input, the server fetches data from the OMDB server and displays the top 10 corresponding titles based on the search.

2. **Top 10 Results**: Users receive a list of the top 10 corresponding titles based on their search, making it easy to find what they're looking for.

 

3. **Detailed Information**: After selecting a movie, users can access a component that provides more detailed information about the chosen movie or series.

4. **Favourites Collection**: Users can add their selected movies to their favorites collection for future reference.

5. **Sorted Collection**: Inside the collection, users can view all of their saved films, which are sorted from the newest to the oldest.

## Technologies Used

This project is built using the following technologies and libraries:

1. **React + TypeScript**: For building the front-end user interface and ensuring type safety.

2. **Tailwind CSS**: A utility-first CSS framework for styling the application.

3. **React-Router-Dom**: For handling client-side routing within the application.

4. **React-Toastify**: A notification library for providing user feedback.

## Getting Started

To get started with Movie Watchlist, follow these steps:

1. Clone the repository to your local machine.

2. Open a terminal and navigate to the project directory.

3. Run the following command to install all the necessary packages:

   ```bash

   npm install