Movieflex

Live Demo: Movieflex

Table of Contents

• Project Description
• Technologies Used
• Features
• Installation
• Usage
• API
• Dependencies
• Scripts
• Contributing
• License

Project Description

Movieflex is a movie discovery application built with React and Vite that allows users to explore various movies, watch trailers, and view detailed information about their favorite films. The application utilizes the TMDB API for movie data and features a modern design using Sass for styling.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A fast build tool and development server.
• Sass: A CSS preprocessor for writing more maintainable and organized styles.
• TMDB API: Used for fetching movie data, including details, images, and ratings.

Features

• Search and discover a wide variety of movies.
• View detailed information about each movie.
• Watch trailers directly in the app.
• Infinite scroll for seamless browsing experience.
• Responsive design for mobile and desktop devices.

Installation

To get started with Movieflex, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/movieflex.git
   cd movieflex
   

2. Install dependencies

   Make sure you have Node.js installed on your machine. Then, run:

   npm install
   

3. Configure TMDB API Key:

   Sign up for an API key at TMDB if you haven't already. Create a .env file in the root of your project and add your TMDB API key

   VITE_TMDB_API_KEY=your_tmdb_api_key_here
   

Usage

Development Mode

To run the project in development mode, use the following command
npm run dev