MovieWeb
MovieWeb یک وبسایت استاتیک فیلم است که با HTML، CSS و JavaScript ساخته شده است.
این پروژه در سال 2022 به عنوان یک پروژه آموزشی فرانتاند ایجاد شد و بر طراحی رابط کاربری تمیز، ناوبری چندصفحهای و تعامل ساده با کاربر بدون استفاده از API یا پایگاه داده تمرکز دارد.
MovieWeb برای نمایش فیلمها، سریالها و انیمه در صفحات جداگانه طراحی شده است تا مرور محتوا آسان باشد.
هر عنوان صفحه اختصاصی خود را دارد که شامل تصاویر، توضیحات و جزئیات مرتبط است و تجربه کاربری ساده و قابل فهم ایجاد میکند.
این پروژه برای تمرین موارد زیر ساخته شد:
- ساختاردهی یک وبسایت چندصفحهای
- نوشتن HTML معنایی و استاندارد
- طراحی صفحات ریسپانسیو با CSS
- افزودن تعاملات پایه با JavaScript
- سازماندهی پروژه فرانتاند برای نگهداری بهتر
- مرور فیلمها، سریالها و انیمهها
- صفحات اختصاصی برای هر فیلم و سریال
- پوسترها، تصاویر و محتوای بصری هر عنوان
- صفحه درباره پروژه
- صفحات ثبتنام و فرمها
- رابط کاربری تمیز و ریسپانسیو
- وبسایت کاملاً استاتیک بدون بکاند
- ناوبری آسان بین دستهها
- HTML5
- CSS3
- Vanilla JavaScript
- Vercel برای استقرار
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/