66 lines
1.5 KiB
Markdown
66 lines
1.5 KiB
Markdown
# Movie Poster Gallery
|
|
|
|
|
|
|
|
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
|