University of Auckland's premier Web3 and blockchain community
Welcome to the official website repository for WEB3UOA - exploring the decentralised future through blockchain technology, smart contracts, and Web3 innovation.
- 🎨 Modern UI - Built with React 19 and Tailwind CSS v4
- 🎯 TypeScript - Fully typed for better developer experience
- ⚡ Fast Development - Powered by Vite with HMR
- 📱 Responsive Design - Mobile-first approach with seamless tablet and desktop layouts
- 🌙 Dark Theme - Beautiful purple, blue, and cyan accent colors
- ✨ Smooth Animations - Parallax scrolling and blur effects
- 🧩 Component Library - Built with Radix UI primitives
- 🎭 Lucide Icons - Beautiful, consistent iconography
- Bun (recommended) or Node.js 20.19+
- Git
# Clone the repository
git clone https://github.com/ck0x/web3uoa.git
cd web3uoa
# Install dependencies
bun install
# Start development server
bun devThe site will be available at http://localhost:5173
Admin access supports one or many wallet addresses:
# Preferred: multiple addresses (comma or whitespace separated)
NEXT_PUBLIC_ADMIN_ADDRESSES=0xAdminOne,0xAdminTwo
# Backward-compatible single admin variable
NEXT_PUBLIC_ADMIN_ADDRESS=0xAdminOne# Create optimised production build
bun run build
# Preview production build locally
bun run previewweb3uoa/
├── src/
│ ├── components/ # React components
│ │ ├── ui/ # Reusable UI components
│ │ │ └── button.tsx # Button component with variants
│ │ ├── hero.tsx # Hero section with parallax
│ │ ├── about.tsx # Features section
│ │ ├── sponsors.tsx # Sponsors showcase
│ │ └── footer.tsx # Footer with social links
│ ├── lib/
│ │ └── utils.ts # Utility functions
│ ├── App.tsx # Main application component
│ ├── main.tsx # Application entry point
│ └── index.css # Global styles and Tailwind
├── public/ # Static assets
├── index.html # HTML template
└── vite.config.ts # Vite configuration
- React 19 - UI library with React Compiler
- TypeScript - Type safety
- Vite - Build tool and dev server
- Tailwind CSS v4 - Utility-first CSS framework
- tw-animate-css - Animation utilities
- Custom Design System - Dark theme with purple/blue/cyan accents
- Radix UI - Unstyled, accessible components
- Lucide React - Beautiful icon library
- class-variance-authority - Component variants
- tailwind-merge - Smart class merging
- Parallax scrolling background
- Dynamic blur effect on scroll
- Call-to-action buttons
- Social media links
- Feature cards showcasing club benefits:
- Learn & Build - Hands-on workshops
- Community - Connect with like-minded students
- Opportunities - Internships and hackathons
- Placeholder for 2026 partnerships
- Contact form for interested sponsors
- Quick navigation links
- Social media integration
- Contact information
- Join Form: https://forms.gle/vzRb7t46SPBUwi7v8
- Instagram: @web3uoa
- X (Twitter): @web3uoa
- LinkedIn: WEB3UOA Company Page
- Email: [email protected]
# Development server
bun dev
# Type checking
bun run tsc -b
# Build for production
bun run build
# Preview production build
bun run preview
# Lint code
bun run lint- Uses ESLint for code quality
- TypeScript strict mode enabled
- React Compiler enabled for optimisation
- Follows React best practices
The site uses New Zealand English spelling:
- "decentralised" (not "decentralized")
- "finalising" (not "finalizing")
- "organisation" (not "organization")
© 2025 WEB3UOA. All rights reserved.
We welcome contributions! If you'd like to help improve the website:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Have questions or want to get involved?
- Email us at [email protected]
- Join our community through the sign-up form
- Follow us on social media for updates
Built with ❤️ by the WEB3UOA team