This project is a dynamic and responsive website that mimics the functionality and design of Netflix. Built using HTML, CSS, and JavaScript, it allows users to explore movies across four distinct categories. The website also includes user authentication features, with login and sign-up capabilities, where user data is securely stored in the local storage.
-
User Authentication:
- Sign Up: New users can create an account by providing their details, which are then securely stored in the local storage.
- Login: Registered users can log in using their credentials. User sessions are managed using local storage.
-
Movies Categories:
- The website offers four main categories of movies, making it easy for users to explore different genres.
- Movies are displayed with attractive visuals and organized for easy navigation.
-
Responsive Design:
- The website is fully responsive, ensuring a seamless experience across various devices, including desktops, tablets, and smartphones.
- HTML5: For the structure and layout of the website.
- CSS3: For styling, including Flexbox and Grid for layout management, and responsive design techniques.
- JavaScript: For interactivity, including DOM manipulation, event handling, and local storage management.
- Sign Up:
- Navigate to the sign-up page.
- Enter your details (e.g., username, email, password).
- Submit the form to create a new account. Your details will be stored in local storage.
-
Login:
- Navigate to the login page.
- Enter your credentials and submit the form.
- Upon successful login, you'll be redirected to the movies page where you can browse the categories.
-
Browse Movies:
- Explore the available movies by browsing through the four categories.
- Click on any category for more and more moveis.