CGI-Suvepraktika-2024

• React:
• JavaScript:
• HTML:
• CSS:
• Spring Boot:
• PostgreSQL:
• Postman:

Table of Contents

1. Movie and Seat Recommendation Web Application
2. Features
   • Movie Recommendations
   • Seat Recommendations
   • Filters
   • Seat Recommendation Guidelines
3. Getting Started
   • Installation
   • Usage of backend
   • Usage of frontend

Movie and Seat Recommendation Web Application

This web application is designed to help cinema-goers find suitable movies based on their preferences and recoomend optimal seats within the cinema hall. Users can apply various filters to refine their movie choices, taking into account their viewing history, preferred genres, and timing preferences. The application also provides seat recommendations within the cinema hall for the selected movie, considering factors such as the user's preferred seating position.

Features

Movie Recommendations

• Users can apply filters such as genre, viewing history, and time preferences to receive personalized movie recommendations.
• The system considers the user's past movie choices to suggest films that align with their preferences.

Seat Recommendations

• Upon selecting a movie, the application suggests optimal seat(s) within the cinema hall.
• The seat recommendations take into account general preferences, such as sitting in the middle of the screen, not too close or too far.

Filters

Users can apply various filters to tailor their movie recommendations:

• Genre Filters: Choose specific genres or a mix of genres based on personal preferences.
• Viewing History: Consider the user's past movie choices to recommend films with similar characteristics.
• Time preferences: Filter movies base on preferred viewing times.

Seat Recommendation Guidelines

• Central Position: Users generally prefer seats located towards the center of the screen for an optimal viewing experience.
• Not Too Close or Too Far: The system avoids suggesting seats that are too close or too far from the screen, ensuring a comfortable viewing distance.

Getting Started

Installation

1. Clone the repository (I am using github Desktop for this):

2. Next, click her

3. Click the "Add" button and "Clone Repository"

4. We need to copy adress from here (HTTPS)

5. We have repository now on our computer.

   

Usage of backend

The backend server will be running on http://localhost:8080 by default.

1. Go to

2. We need to be in "demo" folder

3. Use ./gradlew bootRun and you should have result similar to this

Usage of frontend

1. I am using "git bash" for this operation. We need to open main "front-end" folder
2. When we inside our folder, type: "npm start". We should have response some what similar to this.
3. If we do, front-end is working and we need to type in our browser url "localhost:3000".