The official website for CipherHacks, San Diego's premier high school cybersecurity hackathon. Built with React, TypeScript, and Tailwind CSS.
- 🎨 Modern, responsive design with Atom One Dark theme
- ⏱️ Live countdown to the event
- 📱 Mobile-friendly navigation
- 🔄 Smooth scroll animations with Framer Motion
- 💰 Comprehensive sponsorship tiers and benefits
- 📝 Integrated Tally.so forms for registration and sponsorship
- 🔍 Smart 404 handling with URL suggestions
- 💫 Interactive UI elements and micro-animations
- Node.js (v14 or higher)
- Yarn package manager
- Clone the repository:
git clone https://github.com/cipherhackz/cipherhacks-website.git
cd cipherhacks-website
- Install dependencies:
yarn install
- Start the development server:
yarn start
The website will be available at http://localhost:3000.
To create a production build:
yarn build
The built files will be in the build
directory.
src/
├── components/ # Reusable UI components
├── pages/ # Main page components
├── styles/ # Global styles and Tailwind config
└── utils/ # Helper functions and constants
- React 18
- TypeScript
- Tailwind CSS
- Framer Motion (animations)
- React Router
- React Countdown
- React Scroll
- Heroicons
- Tally.so (form integration)
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature
) - Commit your changes (
git commit -m 'Add some amazing feature'
) - Push to the branch (
git push origin feature/amazing-feature
) - Open a Pull Request
The website can be deployed to any hosting service that supports single-page applications (SPAs). Make sure to configure your server to handle client-side routing by redirecting all requests to index.html.
This project is licensed under the MIT License - see the LICENSE file for details.
- Email: [email protected]
- GitHub: CipherHacks
- Website: cipherhacks.tech