• Getting Started
• Available Scripts
• Features
• Technologies Used
• Project Structure

1. Clone the repository to your local machine:

git clone https://github.com/mubashir-angathil/movie-trends.git

2. Navigate to the project directory:

cd movie-trends

3. Install dependencies:

npm install

4. Start the development server:

npm start

5. Open http://localhost:3000 in your browser to view the app.

In the project directory, you can run:

Runs the app in development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

Your app is ready to be deployed! Refer to the deployment section for more information.

• Discover Movies: Explore a diverse range of movies.
• Detailed Information: Get comprehensive details about each movie.
• Trailer View: Enhance your movie exploration by watching trailers directly on YouTube.
• Responsive Design: Enjoy a seamless experience across devices.

• React
• Create React App
• Bootstrap 5

Describe the main directories and files in your project. For example:

The project is structured as follows:

• App.js: The main file containing the core logic and structure of the application.
• index.js: DOM creation file, responsible for rendering the React app into the HTML file.
• src/components: Houses reusable React components used throughout the application.
• src/pages: Includes different pages of the application, each representing a distinct view or feature.
• src/assets: Stores images, logos, and other assets.
• src/services: Manages API services, facilitating communication between the front end and back end.
• src/utils: Contains utility functions, hooks, variables, and other helpful tools for the project.