MovieInfo Project With Tmdb api

Firebase Auth with Toast:

Feature Name: Secure Sign-in with Firebase Authentication Description: Integrates Firebase Authentication for secure user authentication, accompanied by Toast notifications for user feedback.

Add to Favorite:

Feature Name: Favorite Movie/TV Series Description: Allows users to mark movies or TV series as favorites for easy access later.

Search Movie or Series:

Feature Name: Smart Search Description: Enables users to search for movies or series by title, genre, or other keywords, providing relevant results.

Light/Dark Mode:

Feature Name: Theme Switcher Description: Lets users choose between light and dark themes to customize their viewing experience.

Filter by Genre and Release Date:

Feature Name: Advanced Filters Description: Offers users the ability to refine search results by genre, release date, or other criteria, enhancing browsing precision.

Pagination with Routes:

Feature Name: Paginated Navigation Description: Implements pagination for smoother navigation through search results, integrated with route-based browsing for seamless user interaction.

Prerequisites

Before running this project, ensure you have Node.js and npm installed on your machine.

Installation

1.Clone the repository to your local machine:

git clone https://github.com/ThomasNine/movieInfo-contextApi-react-query-.git

2.Navigate to the project directory:

cd movieInfo-contextApi-react-query-

3.Install dependencies:

npm install

Usage

npm run dev

Tech Stack

Cilent side

React, ContextApi, Axios, React-query, TailwindCSS, NextUi, Mui pagination and AOS animation.

Serverside

Firebase Auth