World Cup 2022

Name	Group	Role
Alaa Mohamed Mostafa	A	Handling Home Page with its sections & Navbar
Maisaa Mohamed Hamza	A	Creating Slider functionality & Handle Available Matches in Booking
Rabab Farouq Elsayed	A	Handling Matches & View Schedule Button & Footer
Yara GamalEldin ElGazar	A	Handling Booking Section & Authentication & Groups Mapping
Ziad Ahmed Eleraky	A	Handling Register & Signin Section using Cookies & Handling Events in Matches section

All team members participated in User Interface

Table of Contents

1. About The Project
2. Built With
3. Getting Started
4. Roadmap
5. Contributers
6. Contributing
7. Demo

📖   Project Description

Our Project is inspired from World Cup Qatar 2022. View Web Demo

This project is a CST project with the following requirments:

• Using HTML without HTML5
• Using CSS without CSS3
• Using Vanilla JavaScript without ES6

🎯 Objectives

Practice what we have studied

HTML

 ✅ Forms
 ✅ Tables
 ✅ Image Mapping

CSS

✅ Display
✅ Positions
✅ Box Model

JavaScript

✅ Associative Array
✅ DOM
✅ BOM
✅ Handling Events
✅ Cookies

Built With

🚀   Getting Started

To get a local copy up and running follow thia simple step.

Git Clone The Repo

git clone https://github.com/Maisaa66/World-Cup-2022

🗺   Roadmap

Home

 ✅ Navbar
 ✅ Main Section
 ✅ Groups
 ✅ Matches
 ✅ History
 ✅ Footer

Matches Schedule

✅ Latest Matches
✅ Today's Matches
✅ Upcoming Matches

Booking

✅ Authentication 🔑 (Using Cookies)
✅ Authorization  🔑 (Using Cookies)
✅ Booked Matches
✅ Available Matches

Register

✅ Authentication 🔑 (Using Cookies)
✅ Authorization  🔑 (Using Cookies)

Sign in

✅ Authentication 🔑 (Using Cookies)
✅ Authorization  🔑 (Using Cookies)

🤝 Contributers

✍ Contributing

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b Maisaa66/World-Cup-2022)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin Maisaa66/World-Cup-2022)
5. Open a Pull Request

🎥 FIFA World CUP Qatar 2022 Demo

Please Turn on Sound for better experience

FIFA.World.CUP.Qatar.2022.mp4

(back to top)