Hack the Circle: Khwopa 2024

Welcome to the Hack the Circle: Khwopa 2024 hackathon page! This project is designed to be composable and easily customizable. Below are the instructions on how to set up, configure, and customize the hackathon page.

Table of Contents

• Installation
• Customization
• Email Integration
• Running the Project

Installation

First, clone the repository and install the dependencies:

git clone https://github.com/scifisatan/hackwebsite.git
cd hackwebsite
npm install

Customization

Data File

The hackathon page is highly composable and can be customized by editing the data.ts file located in the src directory. This file contains all the configurable data for the hackathon, including themes, event details, FAQs, and social media links.

Example

Here is an example of how to customize the registration link in the data.ts file:

import { Theme, Event, FAQ, Links } from "@/types";

export const targetDate = "2024-11-15T00:00:00";
export const registrationLink = "https://example.com/register";
export const learnMoreLink = "https://example.com/learn-more";

Running the Project

To run the project locally, use the following command:

npm run dev

This will start the development server, and you can view the hackathon page at http://localhost:5173. This will create a production-ready build in the dist directory

License

This project is licensed under the MIT License. See the LICENSE file for more details.

---

Happy hacking!