lyne986 / npl-movie-interface

Movie List Project

This project consists of two parts: a Python script to retrieve movie details from http://www.imsdb.com and save them in a CSV file, and a frontend application to list and search for movies by their title and display those movies informations

Part 1: Movie Details Scraper

Overview

The Python script located in the src directory retrieves movie details from http://www.imsdb.com, including the title, release date, rating, and genre of each movie, and saves them into a CSV file.

Usage

1. Run the script python3 ./src/movie_scraper.py.
2. It will fetch movie details from the website and save them to a CSV file named movie_details.csv.

Part 2: Frontend Movie Listing

Overview

The frontend application located in the front directory provides a user interface to browse and search for movies. It displays movie details such as title, release date, rating, and genre.

Features

• Display a list of movies.
• Search movies by title.
• View detailed information for each movie.

Screenshots

Figure 1: Movie Listing Page

Figure 2: Movie Details View

Setup

Frontend

1. Navigate to the front directory.
2. Install dependencies npm install.
3. Place Scraped CSV at front/src/data/movie_details.csv
4. Start the frontend server npm run dev.

Don't forget to fill the .env file following the .env.example template

Scraper

1. Run pip install -r requirements.txt located in the src directory.

Technologies Used

• Frontend: React.js, Next.js, tailwind
• Scraper: Python, BeautifulSoup, Requests

Credits

• The data is fetched from imsdb.
• Frontend UI inspired by IMDb.
• Thanks to the following friends for their contributions to the project:
  • @Thomy
  • @Diogo
  • @Hugo
  • @Bastien