# create-garden-app

A CLI tool to create new Garden App projects with React, TypeScript, Vite, and Tailwind CSS.

## Usage

### Using npx (recommended)

```bash
npx create-garden-app my-app
```

Or without specifying a name (you'll be prompted):

```bash
npx create-garden-app
```

### Global installation

```bash
npm install -g create-garden-app
create-garden-app my-app
```

## What it creates

This tool creates a new React application with the following 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
- 🎯 **Wagmi** - Ethereum wallet integration
- 🎨 **Three.js** - 3D graphics support
- 📊 **React Query** - Data fetching
- 🗂️ **Zustand** - State management

## Getting Started

After creating your app:

```bash
cd my-app
yarn install
yarn dev
```

Then open your browser to `http://localhost:5173`

## Project Structure

The created app will have this structure:

```
my-app/
├── src/
│   ├── components/     # Reusable UI components
│   ├── pages/         # Page components
│   ├── layout/        # Layout components
│   ├── store/         # State management
│   ├── utils/         # Utility functions
│   ├── constants/     # Application constants
│   ├── common/        # Shared components
│   └── main.tsx       # Application entry point
├── public/            # Static assets
├── package.json       # Dependencies and scripts
├── vite.config.ts     # Vite configuration
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json      # TypeScript configuration
└── README.md          # Project documentation
```

## Available Scripts

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

## License

MIT