Skip to content

Solar-Spark/Web-Technologies-Final

Repository files navigation

Film & Game News Portal

Welcome to the Film & Game News Portal, your go-to website for all things movies and gaming! This platform is dedicated to providing up-to-date news, reviews, and insights from the world of entertainment.


Table of Contents

  1. Overview
  2. Features
  3. Technologies Used
  4. Project Structure
  5. Team
  6. How to Run

Overview

Film & Game News Portal is designed to cater to entertainment enthusiasts by providing a user-friendly platform to explore:

  • Latest news on movies and games.
  • Reviews, trailers, and exclusive content.
  • Personalized wish lists for favorite movies.

The portal combines creative design with essential functionality, offering a rich user experience for movie buffs and gamers alike.


Features

  • Dark Mode Toggle: A seamless light/dark mode switch for enhanced readability.
  • Responsive Design: Accessible across devices, including desktops, tablets, and smartphones.
  • Navigation: A dynamic menu for easy navigation to different sections.
  • News Updates: Regularly updated sections for trending movie and game news.
  • Wish List: Allows users to create a personal wish list for movies they want to watch.

Technologies Used

  • HTML5: For structuring web pages.
  • CSS3: For styling and responsive layouts.
  • JavaScript: For interactive features like dark mode.
  • Yandex Maps API: To display the project team's location.

Project Structure

├── about-us.html           # About Us page
├── movie-news.html         # Movie News page
├── game-news.html          # Game News page
├── games.html              # Games page
├── movies.html             # Movies page
├── contact-us.html         # Contact Us page
├── my_wish_for_movies.html # Wish List page
├── login.html              # Login page
├── css/
│   └── style.css           # Styling for the website
├── js/
│   ├── animation.js          # JavaScript for animations
│   ├── contactform.js        # JavaScript for contact form validation
│   ├── darkMode.js           # JavaScript for dark mode
│   ├── keyboardNavigation.js # JavaScript for keyboard navigation
│   ├── MovieAnimations.js    # JavaScript for movie-related animations
│   ├── sorting.js            # JavaScript for sorting functionalities
│   ├── time.js               # Additional JavaScript functionalities
│   ├── carousel.js           # JavaScript for the carousel
│   ├── game_highcharts.js    # JavaScript for the game highcharts
│   ├── login.js              # JavaScript for login
│   ├── movie_highcharts.js   # JavaScript for the movie highcharts
│   ├── quiz.js               # JavaScript for quiz
│   └── todowishlist.js       # JavaScript for the to-do wish list
├── images/
│   └── *                   # Images used across the website

Team

This project was created by:

  • Abukhassym Khydyrbayev
  • Pavel Pertsev
  • Yernur Kazhyakpar

How to Run

  1. Clone the repository to your local machine:
git clone <repository_url>
  1. Open the project folder.
  2. Launch index.html in your preferred browser.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors