# Shuflduf Live

## Features

- **Movie and TV Show Browsing:** Browse a selection of movies and TV shows, presented with posters, titles, and overviews.
- **Search Functionality:** Search for specific movies or shows using the search bar.
- **Detailed Media Pages:** Each movie or show has a detail page with descriptions, posters, and (for shows) episode lists.
- **Continue Watching:** Quickly resume content you previously started with the “Continue Watching” section.
- **Showcase/Recommended Lists:** The homepage features horizontal scrolling showcase lists to highlight featured content.
- **User Reviews:** Media detail pages display user reviews, including ratings and comments.
- **Responsive and Animated UI:** The interface includes transitions, a responsive layout, and dark mode support.

## Screenshots

### Watch Page
![](https://github.com/user-attachments/assets/0641b0f8-9cd2-4ad4-bfba-6116926f5edb)

### Home Page
![](https://github.com/user-attachments/assets/1560650e-9424-4c59-b1fd-d3ff56d7c22c)

### Search Page
![](https://github.com/user-attachments/assets/b668724d-4e89-48c0-9923-d6e738189305)


## Running Locally

1. Clone the repository:
   ```bash
   git clone https://github.com/Shuflduf/Shuflduf-Live.git
   ```

2. Create a `.env` with a [TMDB Read Access Token](https://www.themoviedb.org/settings/api):
   ```env
   TMDB_API_KEY=ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890
   ```

3. Install dependencies:
   ```bash
   npm install
   ```

4. Run the project:
   ```bash
   npm run dev
   ```

## Contributing

Contributions are welcome! PLEASE open an issue or pull request if you have suggestions or improvements.

## License

This project is licensed under the [MIT License](LICENSE).