Cinema website application in asp.net MVC
Poniżej postaram się przedstawić projekt w prostej postaci, jednak cały kod jest dostępny w repozytorium. Projekt miał na celu poszerzenie mojej wiedzy w technologiach:
- HTML5
- CSS
- Bootstrap
- JavaScript z JQuery
- C#
- ASP.NET MVC
- Entity Framework
- SQL
Użytkownik ma możliwość zmiany kina w pasku nawigacyjnym poprzez:
- wpisanie ręczne nazwy kina (dzięki JQuery Autocomplete wyświetlą się kina które zawierają wpisane znaki)
- zaznaczenie geolokalizacji (Google Maps API - Geolokalizacja wybierze kino najbliższe użytkownikowi)
- wybór z listy
Sekcja rezerwacji pozwala zmienić kino, DropDownList korzysta ze zmiennych sesji dzieki czemu osoba korzystająca z aplikacji nie jest zmuszona za każdym razem odświeżania strony dbać o to aby kino zostało wybrane. Użytkownik również może sprecyzować jaki film dokładnie go interesuje, typ oraz datę. Dane są pobierane oraz filtrowane za każdą interakcją osoby korzystającej z aplikacji.
Aktualne produkcje, które widnieją na ekranie kin bądź będą dopiero dostępne wkrótce. Użytkownik może wybrać kategorię filmów jaka mu odpowiada. Po najechaniu myszką na jedną z opcji za pośrednictwem animacji JavaScript pojawi się znaczek "Play".
Po naciśnieciu wyświetli okno modalne ze zwiastunem filmu (Youtube iFrame)
oraz przycisk ze szczegółami filmu przekierowujący na stronę z dokładniejszym opisem filmu.
Administrator logujący się do panelu
Ścieżka /Panel/Index
Login: admin@gmail.com
Hasło: ADmin9
Jest w stanie zarządzać (dodawać, usuwać, edytować) wszystkim co pojawi się na stronie:
- Filmami
- Kinami (z podglądem na Mapę Google)
- Kategoriami filmów
- Repertuarem
- Banerami (slider na głownej stronie)
- Wydarzeniami
- Nowościami
Lista do zrobienia:
- Rezerwacja biletów