Create Aventude Citrus65Client

Quickly create a new Citrus65 React application with modern tooling and best practices.

Quick Start

npm create aventude-citrus65client@latest my-app
cd my-app
npm start

What You Get

This command creates a new React TypeScript application with:

• ⚡️ React 18 with TypeScript
• 🗃️ Redux Toolkit with Redux Saga for state management
• 🎨 Tailwind CSS for styling
• 🧭 React Router v6 for navigation
• 🔐 Authentication system with JWT support
• 🌙 Dark mode support with next-themes
• 📊 Dashboard with D3.js data visualizations
• 📋 Form handling with Formik and Yup validation
• 🎭 Icon library with Lucide React
• 📱 Responsive design system
• 🔄 API integration with Axios

Usage Options

With npm

npm create aventude-citrus65client@latest my-app

With Yarn

yarn create aventude-citrus65client my-app

With pnpm

pnpm create aventude-citrus65client@latest my-app

Project Structure

The generated project follows a well-organized structure:

my-app/
├── public/                 # Static assets
├── src/
│   ├── components/        # Reusable UI components
│   │   ├── base/         # Base components
│   │   └── shared/       # Shared UI library
│   ├── config/           # App configuration
│   ├── constants/        # App constants
│   ├── hooks/            # Custom React hooks
│   ├── layouts/          # Layout components
│   ├── pages/            # Page components
│   ├── router/           # Routing setup
│   ├── store/            # Redux store
│   ├── styles/           # Global styles
│   ├── templates/        # Page templates
│   ├── types/            # TypeScript types
│   └── utils/            # Utility functions
├── tailwind.config.js     # Tailwind configuration
└── tsconfig.json         # TypeScript configuration

Getting Started

After creating your project:

1. Navigate to the project directory
2. Install dependencies: npm install
3. Start the development server: npm start
4. Open http://localhost:3000 in your browser

Available Scripts

• npm start - Start development server
• npm test - Run tests
• npm run build - Build for production
• npm run eject - Eject from Create React App (irreversible)

Learn More

• React Documentation
• Redux Toolkit
• Tailwind CSS
• TypeScript

License

MIT