Skip to content

pantaleoflavio/cinema_webapp_frontend

Repository files navigation

### Cinema Showcase ###

# Overview #

Cinema Showcase is a Frontend project designed to simulate a web application for a cinema. It provides a user-friendly interface for browsing movies, viewing movie details, exploring available halls, and making bookings. The project showcases frontend development skills using a range of technologies including HTML, CSS, SASS, Bootstrap 4, JavaScript, and various libraries like Owl Carousel and JQuery.

# Features #

Main Page:
- Displays a picture gallery.
- Lists available movies.
- Provides information on halls.
- Allows users to perform actions like viewing specific movie details.

Movie Page:
- Offers comprehensive information about a selected movie.
- Includes a trailer for the movie (currently only one movie page is implemented).

Hall Page:
- Allows users to book a place in a hall.
- Displays a gallery of the selected hall.

Movie Search (Not Yet Implemented):
- Enables users to search for movies based on criteria such as date.

Modals (Not Yet Implemented):
- Customer login modal.

Header (Not Yet Implemented):
- Navigation list.
-
Footer:
- Contains the project logo and links to social media platforms.

Dynamic Image Gallery:
- Supports scrolling through images using arrows and dots.

Responsive Design:
- All pages are designed to be responsive, ensuring an optimal user experience on various devices.

# Technologies Used #
- HTML
- CSS
- Fundamentals of SASS
- Bootstrap 4
- JavaScript
- Libraries: Owl Carousel, JQuery (used for API integration)

# Future Development #
While the current version of the project focuses on showcasing frontend skills, the intention is to implement both frontend and backend components in the future. This will further enhance the functionality and capabilities of the web application.

# How to Run #
Since this project is currently focused on the frontend, there are no specific steps required for setup. Simply open the HTML files in a web browser to view and interact with the web application.
Be sure to include the Owl Carousel Dependencies.

For future backend implementation, detailed setup instructions will be provided (Already started here: https://github.com/pantaleoflavio/cinemaAppFS . It been rebuilt from scratch the whole Frontend Structure).

The project need obviously an implementation, like the pages of the navbar, the modals, a dynamically creation of
the Movie pages (with PHP), a Database.

About

Frontend project about a Cinema Webapp

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published