This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel (or oxc when used in rolldown-vite) for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see see this documentation.

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

export default defineConfig([
   globalIgnores(['dist']),
   {
     files: ['**/*.{ts,tsx}'],
     extends: [
       // Other configs...

        // Remove tseslint.configs.recommended and replace with this
       tseslint.configs.recommendedTypeChecked,
       // Alternatively, use this for stricter rules
       tseslint.configs.strictTypeChecked,
       // Optionally, add this for stylistic rules
       tseslint.configs.stylisticTypeChecked,

        // Other configs...
     ],
     languageOptions: {
       parserOptions: {
         project: ['./tsconfig.node.json', './tsconfig.app.json'],
         tsconfigRootDir: import.meta.dirname,
       },
       // other options...
     },
   },

])

You can also install eslint-plugin-react-x and eslint-plugin-react-dom for React-specific lint rules:

// eslint.config.js

import reactX from 'eslint-plugin-react-x'

import reactDom from 'eslint-plugin-react-dom'


export default defineConfig([
   globalIgnores(['dist']),
   {
     files: ['**/*.{ts,tsx}'],
     extends: [
       // Other configs...
       // Enable lint rules for React
       reactX.configs['recommended-typescript'],
       // Enable lint rules for React DOM
       reactDom.configs.recommended,
     ],
     languageOptions: {
       parserOptions: {
         project: ['./tsconfig.node.json', './tsconfig.app.json'],
         tsconfigRootDir: import.meta.dirname,
       },
       // other options...
     },
   },

])

Landing website for the Hack Vision program. This project presents the program, explains how it works, answers common questions, and guides new participants through training and onboarding links.

• React 19 + TypeScript
• Vite for development and build
• Tailwind CSS v4 for styling
• Motion for animations
• Lucide React for icons
• clsx for conditional class names
• ESLint + TypeScript ESLint for linting

• Initial setup with Vite + React + TypeScript
• Added reusable UI basics (Button, Test) and clsx
• Added Navbar component
• Added FAQ and HowItWorks sections
• Integrated Tailwind CSS and updated component styling
• Added About section to explain Hack Vision
• Improved Hero and Navbar layout and visual polish
• Refined About/Hero copy and external links
• Added TrainingGuide component for step-by-step ML guidance
• Updated CTA links (including RSVP/Slack)
• Refactored by removing unused imports and minor alignment cleanup

• Hero
• About
• How It Works
• FAQ
• Training Guide
• Navbar

• npm run dev - Start development server
• npm run build - Type-check and build production assets
• npm run preview - Preview production build locally
• npm run lint - Run lint checks