MovieWeb - Static Movie Website Built with HTML, CSS, and JavaScript

2022

MovieWeb is a static movie website built with HTML, CSS, and JavaScript. It features dedicated pages for movies, series, and anime, with a clean UI and fully responsive layout.

MovieWeb

MovieWeb is a static movie website built using HTML, CSS, and JavaScript.
It was created in 2022 as a front-end learning project and focuses on clean layout design, multi-page navigation, and simple user interaction without using APIs or databases.


MovieWeb is designed to showcase movies, series, and anime through separate pages for easy browsing.
Each title has its own dedicated page with images, descriptions, and related details, making the experience simple and easy to navigate.

This project was built to practice:

  • Structuring a multi-page website
  • Writing semantic HTML
  • Styling responsive layouts with CSS
  • Adding basic interactivity with JavaScript
  • Organizing a front-end project for maintainability

  • Browse movies, series, and anime
  • Individual pages for each movie and series
  • Posters, images, and visual content for each title
  • About page with project information
  • Register and form pages
  • Clean and responsive user interface
  • Fully static website with no backend
  • Easy navigation across categories

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • Vercel for deployment

code
movieweb/
├── index.html
├── Movies.html
├── Series.html
├── anime.html
├── About.html
├── form.html
├── register.html
├── Movies/
   ├── blackpanther.html
   ├── bloodshot.html
   ├── captainmarvel.html
   ├── thedarkknight.html
   └── ...
├── Series/
├── css/
├── js/
└── images/