myflix-design

A front-end movie streaming platform design built with HTML, CSS, and JavaScript, powered by Vite.

Features

• Home page with hero banner and horizontally scrolling movie carousels
• Movies browsing page
• Genre-based browsing page
• About Us page
• Responsive navigation header with search and account icons
• Modern card-based UI for movie posters
• Vite-powered development with hot module reloading (HMR)

Technologies

• HTML5
• CSS3 (custom properties, flexbox, grid)
• JavaScript
• Vite

Project Structure

home.html          - Home page with hero and trending sections
movies.html        - Movies listing page
genre.html         - Genre browsing page
about.html         - About Us page
script.js          - JavaScript (empty, placeholder for future functionality)
vite.config.js     - Vite configuration
css/
  style.css        - Global styles
  home.css         - Home page styles
  movie.css        - Movie page styles
  categories.css   - Genre page styles
  about.css        - About page styles
images/            - Image assets (logos, posters, icons)

How to Run

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Visit the URL shown in the terminal (default: http://localhost:5173)