# Movie Poster Gallery

![Project Logo](/assets/project.jpg)

A web application that allows users to browse and select their favorite movie posters based on their Letterboxd diary.

## Features

- **Letterboxd Integration**: Import your movie diary directly from uploading a CSV file.
- **Poster Gallery**: Browse through posters of movies you've watched.
- **User-friendly Interface**: Intuitive design for easy navigation and selection.
- **Responsive Design**: Works seamlessly on desktop and mobile devices.

## Getting Started

### Prerequisites

- Node.js (v14.0.0 or later)
- npm (v6.0.0 or later)

### Installation

1. Clone the repository:

   ```
   git clone https://github.com/Hugyouu/Letterboxd-Diary-Posters-Picker.git
   ```

2. Navigate to the project directory:

   ```
   cd Letterboxd-Diary-Posters-Picker
   ```

3. Install dependencies:

   ```
   npm install --legacy-peer-deps
   ```

4. Start the development server:

   ```
   npm start
   ```

5. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

## Usage

1. On the homepage, upload your diary CSV file.
2. Once processed, you'll be redirected to the Poster Selector page.
3. Browse through your watched movies and select your favorite posters.
4. (Add any additional steps or features here)

## Technologies Used

- React.js
- Material-UI
- Backend private for now

## Acknowledgments

- [Letterboxd](https://letterboxd.com/) for the inspiration and data (diary.csv)
- [The Movie Database (TMDb)](https://www.themoviedb.org/) for the movie poster images
