/Movies

Primary LanguageTypeScript

Movies

Movies is a React-based web application that empowers users to explore movies, apply various filters such as genre and actors, manage their favorite movies. Movies React App

اگر در ایران هستید برای داشتن تجربه بهتر از vpn استفاده کنید.

Features and Technologies I Used

  • Movie Exploration: Browse a wide selection of movies.
  • Favorite Movies: Mark movies as favorites for quick access.
  • Theme Switcher (Context): Toggle between light and dark themes.
  • React Query: Efficiently manage and cache API responses.
  • Redux: Store and manage user-favorite movies.
  • TypeScript: Utilize strong typing throughout the project.
  • Ant Design: Use a popular UI library for a sleek and responsive design.
  • Custom Hooks: Implement hooks to filter movies based on various criteria.
  • API Integration(axios): Fetch movie details, posters, and overviews.
  • Customization: Configure filtering by genre, actors, year, keywords, and companies.

Installation

Prerequisites: Ensure you have Node.js and Git installed.

  1. Installation: Clone the repository and install dependencies:

    git clone https://github.com/yourusername/movies-project.git
cd movies-project
npm install

  2. Usage: Start the development server:

    npm start
Important Note: Make sure to use port 3000 for the development server, as the API may not respond to requests on other ports.
Open your web browser and visit *http://localhost:3000* to access the Movies app.