<h2>Overview:</h2>
<p>This project aims to create the best curated directory of hackathons for high school students, recognizing that hackathons shouldn't just be limited to university students. The directory is maintained with strict guidelines to ensure high quality, and event submissions are requested through a designated form for review.</p>
<h2>Features:</h2>
<ul>
<li><strong>Curated Directory:</strong> Comprehensive list of high-quality hackathons for high school students.</li>
<li><strong>Strict Guidelines:</strong> Maintained with strict guidelines for listing events to ensure quality.</li>
<li><strong>Development Environment:</strong> Built using Next.js &#x26; Theme UI with Hack Club Theme for easy development.</li>
<li><strong>Vercel Deployment:</strong> Utilizes Vercel for easy and efficient deployment.</li>
</ul>
<h2>Summary:</h2>
<p>This project aims to provide a curated directory of hackathons for high school students, ensuring high quality through strict guidelines and utilizing Next.js &#x26; Theme UI for development. Deployment is managed using Vercel, and the hackathon data is powered by a backend with a REST API. The project is licensed under the MIT license, promoting open-source collaboration and usage.</p>


<h2>Overview:</h2>
<p>Scrapbook is a platform designed for Hack Clubbers to share their daily projects and updates with the community. It encourages consistent contributions and showcases a streak of the user's progress on their profile.</p>
<h2>Features:</h2>
<ul>
<li><strong>Automatic Generation:</strong> Scrapbook generates a post for users when they make their first post, requiring only a description and an image.</li>
<li><strong>Slack Integration:</strong> Allows users to post updates directly from the Hack Club Slack channel, syncing with their Scrapbook account.</li>
<li><strong>Scrappy Slack Bot:</strong> Provides commands for managing streak counts, customizing profiles, linking domains, adding audio files, and more.</li>
<li><strong>Custom Domains:</strong> Users can link their profile to a custom domain by setting up a CNAME record on their DNS provider.</li>
<li><strong>CSS Customization:</strong> Allows users to customize the CSS on their profile page by providing a link to a CSS file or GitHub Gist.</li>
</ul>
<h2>Summary:</h2>
<p>Scrapbook is a valuable platform for the Hack Club community, enabling members to share their daily progress and stay motivated by showcasing their streak. With features like Slack integration, Scrappy Slack Bot, custom domains, and CSS customization, Scrapbook offers a seamless experience for Hack Clubbers to document their learning and building journey.</p>


<h2>Overview</h2>
<p>The Hack Club's new website is a codebase that powers the hackclub.com website. It is built using Next.js with MDX, Theme UI, and the Hack Club Theme. The codebase is available under the MIT License. The website aims to showcase Hack Club and its community to new developers and provide information about various projects and events.</p>
<h2>Features</h2>
<ul>
<li>Integration with Next.js, MDX, Theme UI, and Hack Club Theme</li>
<li>Modularity with cards to easily add and remove components on the homepage</li>
<li>Three main sections: connection, open-source, and IRL community</li>
<li>Opportunity to contribute and suggest improvements through Pull Requests</li>
<li>Customizable card design with the challenge to make them unique and visually appealing</li>
<li>Ability to add community-led projects to the website's carousel</li>
</ul>


<h2>Overview</h2>
<p>Hack Club Theme is a frontend design system and set of tools made specifically for Theme UI. It serves as an alternative to CSS projects and provides a seamless way to create and customize themes for web applications. With its base theme and React component for generating social tags, Hack Club Theme simplifies the process of frontend design and development.</p>
<h2>Features</h2>
<ul>
<li><strong>Theme UI base theme</strong>: Hack Club Theme provides a base theme that can be easily used with Theme UI, making it simple to create and maintain consistent design across an application.</li>
<li><strong>React component for generating social tags</strong>: The included React component makes it easy to generate social tags for the <code>&#x3C;head></code> section of a web page. This streamlines the process of adding social media metadata to enhance sharing on platforms like Facebook and Twitter.</li>
<li><strong>Easy installation and setup</strong>: Hack Club Theme includes a theme-starter package that provides all the necessary tools and resources to quickly get started with using the theme. This eliminates the need for manual configuration and ensures a smooth setup process.</li>
</ul>


<h2>Overview:</h2>
<p>The Hack Club Theme Starter is a sample Next.js project designed to help users get started with MDX, Theme UI, and the Hack Club Theme. It provides a structured template for creating websites and includes features such as a theme switcher, customizable fonts, meta tags, and analytics integration. The project can be easily deployed with Vercel or Netlify.</p>
<h2>Features:</h2>
<ul>
<li><strong>MDX, Theme UI, &#x26; Hack Club Theme</strong>: This project utilizes MDX, Theme UI, and the Hack Club Theme to create a cohesive and customizable website.</li>
<li><strong>Theme Switcher</strong>: The project includes an example theme switcher component that can be customized or replaced to change the website's theme.</li>
<li><strong>Customizable Fonts</strong>: Users can make use of the Hack Club's font, Phantom Sans, by uncommenting a line of code. This is particularly useful for Hack Club HQ projects.</li>
<li><strong>Custom Theme</strong>: The project allows users to edit the theme by creating a theme file, giving them full control over the website's visual style.</li>
<li><strong>Running at Another Port</strong>: Users can easily run the project on a different port by adding a command line argument.</li>
<li><strong>Adding Meta Tags</strong>: The project includes an integration with @hackclub/meta, allowing users to add meta tags to their Hack Club HQ sites.</li>
<li><strong>Adding Analytics</strong>: Users can easily integrate Fathom Analytics into their project for privacy-focused analytics. The necessary scripts and configurations are provided.</li>
</ul>
<h2>Summary:</h2>
<p>The Hack Club Theme Starter is a useful starting point for creating websites with Next.js, MDX, Theme UI, and the Hack Club Theme. It provides various features such as a theme switcher, customizable fonts, meta tags, and analytics integration. The project can be easily installed and deployed with Vercel or Netlify. Whether you're creating a Hack Club HQ project or any other website, this starter project can save you time and provide a solid foundation for your development.</p>


<h2>Overview:</h2>
<p>The Hack Club Design System is a development project that uses React and Gatsby to create websites. The project includes repositories for various components like icons, seasonal themes, and banners. The design system is aimed at developers who want to use a standardized set of components for building websites efficiently.</p>
<h2>Features:</h2>
<ul>
<li><strong>React and Gatsby Stack</strong>: Utilizes React and Gatsby technologies for web development.</li>
<li><strong>Hack Club Design System</strong>: Offers standardized components for consistent website design.</li>
<li><strong>Multiple Repositories</strong>: Includes separate repositories for icons, seasonal themes, banners, etc.</li>
<li><strong>Development Environment Setup</strong>: Guides for setting up the development environment with necessary tools.</li>
<li><strong>Installation</strong>: Clear instructions for cloning, installing dependencies, and running the project.</li>
<li><strong>MIT License</strong>: Distributed under the MIT license, allowing for modification and distribution.</li>
</ul>


Hackclub

Hackathons

Scrapbook

Site

Theme

Theme Starter

V2