UNI-react-tikera Tailwind Templates

Uni React Tikera

(UNIVERSITY) Tikera is a React-based movie ticket booking system. Users can browse movies by day, select seats, and finalize bookings, while featuring a responsive design and LocalStorage integration. Built with React, Tailwind CSS, and deployed on Vercel for a seamless experience.

šŸŽ¬ Tikera - Movie Ticket Booking System

A React-based movie ticket booking system developed as a university project. The application allows users to browse movies, select screenings, choose seats, and finalize bookings with a modern, responsive interface.

šŸš€ Features

User Features

  • Movie Browsing: View movies by day with details like title, duration, genre, and available screening times.
  • Ticket Selection: Choose the number of adult, student, or senior tickets with real-time price calculation.
  • Seat Selection: Interactive seat map to select available seats for the chosen screening.
  • Booking Summary: Displays selected movie, screening time, ticket types, seats, and total price.
  • Booking Confirmation: Finalize bookings with a modal confirmation and store data in LocalStorage.

Technical Features

  • Day Navigation: Browse movies by selecting a day, with the current day as the default.
  • Responsive Design: Optimized for both desktop and mobile devices using Tailwind CSS.
  • LocalStorage Integration: Persist booking data using a custom hook for seamless user experience.
  • Modal Confirmation: A pop-up modal with all booking details.

šŸ’» Technologies

  • React (JavaScript Framework)
  • Tailwind CSS (Styling)
  • JSON (Data storage for movies and screenings)
  • LocalStorage (Persistent booking data)
  • Vercel (Deployment)

šŸ“ø Screenshots

Screenshot 1 Screenshot 2 Screenshot 3

šŸ“‹ Project Details

  • University: ELTE
  • Course: Client-side web programming
  • Year: 2025

⭐ This was a university project and is not actively maintained.

Top categories

Loading Svelte Themes