# Garden App

A modern React application built with TypeScript, Vite, and Tailwind CSS. This template provides a basic Swap functionality.

## Features

- ⚡️ **Vite** - Lightning fast build tool and dev server
- ⚛️ **React 19** - Latest React with concurrent features
- 📝 **TypeScript** - Type-safe development
- 🎨 **Tailwind CSS** - Utility-first CSS framework
- 🔧 **ESLint** - Code linting and formatting
- 🌱 **Garden Components** - Pre-built UI components and utilities

## Getting Started

### Prerequisites

- Node.js 16+ 
- Yarn package manager

### Installation

1. Install dependencies:
```bash
yarn install
```

2. Start the development server:
```bash
yarn dev
```

3. Open your browser and navigate to `http://localhost:5173`

## Available Scripts

- `yarn dev` - Start development server
- `yarn build` - Build for production
- `yarn preview` - Preview production build
- `yarn lint` - Run ESLint

## Project Structure

```
src/
├── components/     # Reusable UI components
├── pages/         # Page components
├── layout/        # Layout components
├── store/         # State management (Zustand)
├── utils/         # Utility functions
├── constants/     # Application constants
├── common/        # Shared components and utilities
└── main.tsx       # Application entry point
```

## Technologies Used

- **React 19** - UI library
- **TypeScript** - Type safety
- **Vite** - Build tool and dev server
- **Tailwind CSS** - Styling
- **Zustand** - State management
- **React Router** - Client-side routing
- **Wagmi** - Ethereum wallet integration
- **Three.js** - 3D graphics
- **React Query** - Data fetching

## Customization

This template is designed to be easily customizable. You can:

- Modify the Tailwind configuration in `tailwind.config.js`
- Update the Vite configuration in `vite.config.ts`
- Add new ESLint rules in `eslint.config.js`
- Customize the TypeScript configuration in `tsconfig.json`

## Contributing

Feel free to submit issues and enhancement requests!

## License

MIT License - feel free to use this template for your projects.