Welcome to the Quidditch Sports Website repository! This project aims to create a dynamic and engaging website dedicated to all things Quidditch. Below, you'll find an overview of the project structure, key features, and instructions to run the website locally.
The Quidditch Sports Website is designed to provide Quidditch enthusiasts with a platform to learn about the sport, its history, rules, teams, players, and much more. The website offers an interactive and informative experience for visitors of all ages.
- Home Page: A welcoming landing page introducing the sport and its key aspects.
- About Quidditch: Information about the sport's history, rules, and magical elements through Gallery
- Teams & Players: Profiles of prominent Quidditch teams and players.
- News & Updates: Latest news, match results, and updates from the Quidditch world, playing the game, and many more.
- Events: Calendar of upcoming Quidditch events, Past events, matches, and tournaments.
- Media Gallery: Photos, videos, and multimedia content showcasing the sport's excitement.
The project follows a structured directory layout to ensure maintainability and modularity:
index.ejs: The main landing page containing the structure of the website.css/: Directory for cascading style sheets.style.css: Stylesheet defining the website authentication page using signin and register part.js/: Directory for JavaScript files.auth.js: Handles dynamic interactions and functionality related to the authentication part.- ‘match.js’: Handles dynamic interactions and functionality related to the matches handling part database. Starting from creating matches, updation of the matches, recent matches, upcoming matches, and many more
- ‘user.js’: Database models to handle the user interaction part.
- ‘Match.js’: It is a route that handles the process of transformation between the different pages.
images/: Directory for storing image assets.data/: Directory for data files.videos: Contains the video that runs in the background.photos/: Subdirectory for image files.
To run the Quidditch Sports Website locally, follow these steps:
- Clone this repository: https://github.com/kathan07/WMC-4-Quidditch-Sports/tree/main
. Open
index.ejsin your preferred web browser.
Explore the different sections of the website to learn about Quidditch, discover teams and players, stay updated on news, and enjoy the multimedia content. The website is designed to be intuitive and user-friendly. It is a medium where users can view recent matches, can register themselves for the match, can see the results of matches, and admin can create the matches, and can do the same functionalities that users can do and even declare the results.
Contributions to this project are welcome! If you have ideas for new features, improvements, or bug fixes, please feel free to submit pull requests. Please refer to our contribution guidelines for more information.
We hope you enjoy exploring the Quidditch Sports Website and that it adds to your appreciation of the magical sport of Quidditch!