Welcome to Movie Nachos
Movie Nachos is a modern, frontend movie browsing website that provides an engaging platform for movie enthusiasts to explore films, discover actors, and stay updated with the latest entertainment news. Built with vanilla HTML, CSS, and JavaScript, it demonstrates clean architecture and responsive design principles.This is a static website project that uses localStorage for data persistence, making it perfect for learning frontend development concepts.
Key Features
Movie Nachos offers a comprehensive movie browsing experience with the following features:Interactive Movie Slider
Auto-rotating hero slider showcasing featured movies like The Dark Knight, Top Gun: Maverick, and Interstellar with touch-swipe support for mobile devices
Advanced Filtering System
Filter movies by genre (25+ categories), release year (2003-2023), and sort by various criteria including IMDb rating, most watched, and recently added
Actor Directory
Browse through a comprehensive collection of actors including Margot Robbie, Tom Cruise, Leonardo DiCaprio, and more with detailed profiles
Responsive Navigation
Mobile-friendly burger menu with smooth transitions and intuitive navigation across Home, Movies, Actors, and News sections
User Authentication
Complete login and registration system with localStorage-based user management for a personalized experience
Newsletter & Contact
Newsletter subscription system and contact form with real-time validation and localStorage integration
Cookie Consent
GDPR-friendly cookie notification system with localStorage persistence for user preferences
Social Integration
Social media links for Facebook, Twitter, and Instagram to connect with the Movie Nachos community
Quick Navigation
Installation
Get started with Movie Nachos by cloning the repository and running it locally
Project Structure
Understand the file organization and architecture of the Movie Nachos codebase
Components
Explore the HTML components including sliders, cards, forms, and navigation elements
Scripts
Learn about the JavaScript modules that power interactivity and user interactions
Technology Stack
Movie Nachos is built using core web technologies:- HTML5 - Semantic markup for accessibility and SEO
- CSS3 - Custom styling with responsive design and flexbox layouts
- Vanilla JavaScript - No frameworks, pure ES6+ JavaScript
- Font Awesome 4.7.0 - Icon library for UI elements
- localStorage API - Client-side data persistence
Live Demo
Experience Movie Nachos in action: https://alexpournaras.github.io/movie-nachos/Project Highlights
Featured Movies Collection
The homepage showcases popular films including:- Godzilla v Kong (6.3 rating)
- Batman (7.8 rating)
- Black Widow (6.7 rating)
- Mortal Kombat (6.1 rating)
- Uncharted (6.3 rating)
- No Time To Die (7.3 rating)
Comprehensive Movie Library
Browse an extensive catalog featuring:- Fast & Furious 9, Tenet, Red Notice
- Inception, Matrix, The Avengers
- Dune, Jurassic Park, Black Panther
- Avatar, Hunger Games, Shutter Island
- And many more…
All movie data and images are included in the project, making it fully functional out of the box without any external API dependencies.