HackPrix Website

Welcome to the HackPrix website repository! This repository contains the codebase for the official website of HackPrix, a 36-hour hackathon initiated and organized by Codewavehub. The website provides participants and visitors with essential information about the event, including schedules, tracks, sponsors, and more.

Table of Contents

• HackPrix Website
  • Table of Contents
  • Introduction
  • Features
  • Installation
  • Usage
  • Contributing
  • About ME
  • Author

Introduction

HackPrix is a premier hackathon event organized by Codewavehub, bringing together developers, designers, and tech enthusiasts to collaborate and create innovative solutions over a span of 36 hours. The HackPrix website is designed to provide all the necessary information about the event, including registration details, schedules, tracks, and sponsor information.

Features

• Responsive Design: Ensures compatibility across various devices using multiple CSS files.
• Preloader Animation: Features a black background with a white quantum loader for an enhanced user experience during page load.
• Navigation Bar: Links to different sections of the site, including About, Prize Pool, Tracks, Schedule, Sponsors, Our Team, FAQs, and Contact.
• Dropdown Menu: Smooth transitions and easy accessibility.
• Background Video: Auto-plays (muted) to enhance the visual appeal of the landing page.
• Hackathon Information: Displays essential details including the date, location, and a call-to-action for participants to download their participation certificates.
• Countdown Timer: Builds anticipation for the event.
• Participation Certificate: Allows users to find their names in a dropdown and download their participation certificates, with a modal popup to confirm the download.
• About Us Section: Provides an overview of HackPrix and its mission, with a dynamic image slider showcasing previous events and highlights.
• Prize Pool Section: Highlights the prize categories with relevant images.
• Tracks Section: Showcases various tracks including Generative AI & Machine Learning, Blockchain & Web3, IoT & Embedded Systems, and an Open Track for innovative ideas.
• Schedule Section: Displays the event schedule in a swipeable format.
• Sponsors Section: Recognizes the event sponsors with logos and links, categorizing them into Title-Partner, Gold-Partner, and Silver-Partner levels.
• Social Media Integration: Includes social media links and prompts for participants to share their achievements and tag the event.
• Accessibility Improvements: Ensures dropdown menus and modals are accessible, with smooth transitions and easy interactions.
• Performance Optimizations: Utilizes external libraries and CDN links for fonts, icons, and scripts to enhance page load speeds.

Installation

To get a local copy of the project up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/hackprix-website.git

2. Navigate to the project directory:

   cd hackprix-website

3. Open the index.html file in your preferred web browser to view the website.

Usage

Visit hackprix.tech to see the live website. The website provides detailed information about the HackPrix event, including how to register, the event schedule, the different tracks participants can choose from, the prize pool, and information about the sponsors.

Contributing

Contributions are welcome! If you have suggestions for improvements, feel free to create an issue or submit a pull request. Please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/your-feature).
5. Open a pull request.

🚀 About Me

I'm a passionate Web & App Developer. Undergrad Data scientist and machine learning enthusiast, always eager to explore new stuff!

Authors

• @Fahad