saurav269/Movie-app

Movie Suggestion App using React, interfacing with the TMDB API. The app should enable users to search for movies, view details, with options for sorting and filtering.

Movie Suggestion App Documentation

Overview

The Movie Suggestion App is a frontend-only web application developed using Vite and React. The app allows users to search for movies, and view movie details, It interfaces with the TMDB API to fetch movie data and provides sorting, filtering, and user-friendly features.

Setup and Configuration

Prerequisites

Node.js and npm should be installed on your system.

Installation

Clone the repository:

bash

git clone 'repository_url'

Install dependencies:

cd vite-project

npm install

Environment Variables

Create a .env file at the root of the project and define the following environment variable:

TMDB_TOKEN : YOUR OWN API TOKEN

Usage

1. Start the development server:
npm run dev

2.Open your browser and navigate to http://localhost:3000.

Use the app to search for movies, view details, sort/filter results, and save favorites.

Features

Search Functionality

Use the search bar to search for movies by title.

Display search results in a responsive layout.

Sorting and Filtering

Sort search results by criteria such as year or rating. Implemented filters to narrow down search results by genre or release year.

Movie Details

Select a movie to view detailed information about the movie in a new view. Watch the cast details of the movie Show the similar and recommendation part also.

Infinite scrolling for search results

Implemented infinite scrolling with react library

Implemented transitions for a better user experience

Used transition and lazy loading for better user experience

Styling

Using SCSS for styling for a visually appealing and responsive design

Error Handling

Error handling for API requests with user-friendly error messages.