tech-stack.md

Tech Stack

This document lists and briefly describes the technologies used in the Open Hardware Initiative website.

Frontend Framework

• React 18 - UI framework for building interactive components
• TypeScript - Type-safe JavaScript for better development experience

Build & Development

• Vite - Fast build tool and development server
• Bun - Fast JavaScript runtime and package manager (alternative to npm)
• ESLint - Code linting and formatting

Styling & UI

• Tailwind CSS - Utility-first CSS framework for rapid styling
• shadcn/ui - Reusable UI components built on Radix UI
• Lucide React - Icon library

Routing & State

• React Router DOM - Client-side routing for SPA
• React Hook Form - Form state management and validation
• Zod - Schema validation for forms and data

Deployment & Hosting

• GitHub Actions - CI/CD for automated deployment
• GitHub Pages - Static site hosting
• Custom Domain - open-hardware-initiative.com

Key Dependencies

• @radix-ui/react-* - Accessible UI primitives
• class-variance-authority - Component variant management
• clsx - Conditional CSS class names
• tailwind-merge - Tailwind class merging utility

Development Tools

• Vite - Hot module replacement and fast builds
• TypeScript - Static type checking
• ESLint - Code quality and consistency