mhyphen- outdoor cinema ticket booking website: M-

M- allows you to book a ticket for the outdoor cinema. You could pick a movie and date/time through this website. You could also review your booked tickets as well. Additionally, you may browse the movies through the Genre filtering or the Search Bar with just any keyword (actor names, title, genre; etc...). On top of everything, you need to be logged in with your GitHub account before you make your booking.

This website is built for: Microsoft Student Accelerator 2021-Phase-2

This website is built with:

• React + Typescript
• UI Library/Styled Components (Material-UI)
• GraphQL (Backend GitHub Repo)
• Apollo Client (React Hook and Context for frontend state management)
• Responsive UI (Media Query)
• Azure, Github actions for Deployment
• Github for source control
• OAuth Authentication (The user needs to login with their GitHub account before they can make a booking and/or view their tickets)
• React Router (/home, /booking, and /tickets) to handle navigation among the views of various components
• Custom logo (M-), theme (Glassmorphism)
• Storybook
• Integrated a call to public API (themoviedb.org) for Movies Browsing and Filtering by Genre

UI on computer

Just browsing? -> /home

View your tickets -> /tickets

Make a booking -> /booking

UI on Mobile