Hive

A modern React application built with Vite, TypeScript, and Tailwind CSS.

🚀 Tech Stack

• React 18 - UI library
• TypeScript - Type safety
• Vite - Fast build tool and dev server
• Tailwind CSS - Utility-first CSS framework

📦 Installation

# Install dependencies
npm install

🏃‍♂️ Development

# Start development server
npm run dev

The application will be available at http://localhost:5173

🏗️ Build

# Build for production
npm run build

🔍 Linting

# Run ESLint
npm run lint

🎨 Features

• ⚡ Fast development with Vite HMR
• 🎯 TypeScript for better developer experience
• 🎨 Tailwind CSS for rapid styling
• 📱 Responsive design
• 🔄 Hot Module Replacement

📁 Project Structure

hive/
├── src/
│   ├── App.tsx          # Main application component
│   ├── main.tsx         # Application entry point
│   ├── index.css        # Global styles with Tailwind
│   └── assets/          # Static assets
├── public/              # Public assets
├── index.html           # HTML template
├── vite.config.ts       # Vite configuration
├── tailwind.config.js   # Tailwind CSS configuration
├── postcss.config.js    # PostCSS configuration
└── tsconfig.json        # TypeScript configuration

🛠️ Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

🎯 Next Steps

• Add routing with React Router
• Implement state management (Zustand, Redux Toolkit, etc.)
• Add testing with Vitest
• Configure deployment pipeline