https://github.com/lauraatenciob/moviepick

A web app to explore movies
https://github.com/lauraatenciob/moviepick

movies-api react-router reactjs tmdb-api

Last synced: 4 days ago
JSON representation

A web app to explore movies

• Host: GitHub
• URL: https://github.com/lauraatenciob/moviepick
• Owner: lauraatenciob
• Created: 2024-06-18T20:10:09.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-07-12T20:54:41.000Z (4 months ago)
• Last Synced: 2024-07-12T22:27:28.163Z (4 months ago)
• Topics: movies-api, react-router, reactjs, tmdb-api
• Language: JavaScript
• Homepage: https://moviepick.vercel.app/
• Size: 255 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# movie**pick**

Moviepick is a web application focused on movies, designed to help users discover and explore films.

## Features

### Home Page

The home page contains several sections:

- **Random Recommended Movie:** Displays a randomly selected movie from a top-rated list.

- **Trending Movies:** Shows a list of movies currently trending updated daily.

- **Movie Genres:** Allows users to explore movies by different genres.

### Genre Page

The genre page lists movies categorized by genre. Users can filter movies by one or more genres using intuitive filtering options.

### Movie Details Page

The movie details page provides comprehensive information about each movie:

- **Title:** The title of the movie.

- **Rating:** The rating or score of the movie.

- **Summary:** A brief overview or synopsis of the movie.

- **Genres:** The genres associated with the movie.

- **Streaming Provider:** Information on where the movie is available for streaming.

- **Similar Movies:** A list of related movies that users might also enjoy.

## Technologies Used

- Frontend: HTML, CSS, React JS.

- Backend: The Movie Database (TMDB) API [https://developer.themoviedb.org/reference](https://developer.themoviedb.org/reference/intro/getting-started).

## Installation

1. Clone the repository: `git clone https://github.com/username/repo.git`

2. Install dependencies: `npm install`

3. Register for an API key in The Movie Database (TMDB), click the [API link](https://www.themoviedb.org/settings/api) from your account settings page.

4. Create a `.env.local` file and add `REACT_APP_API_KEY=[your API key here]`

5. Start the application: `npm start` 

6. Open `localhost:3000` in your web browser.

## Contributing

Contributions are welcome! Feel free to fork the repository and create a pull request with your improvements, I'll be excited to check it out.