@diagramers/admin-template-react

{{projectName}}

A modern admin dashboard built with React, TypeScript, and Tailwind CSS.

Features

• ⚡️ Fast Development - Vite for lightning-fast builds
• 🎨 Modern UI - Tailwind CSS for beautiful, responsive design
• 🔧 TypeScript - Full type safety and better developer experience
• 📱 Responsive - Works on all devices
• 🔌 API Ready - Connected to {{apiUrl}}
• ⚡ Real-time - Socket.IO support via {{socketUrl}}

Getting Started

Prerequisites

• Node.js 16+
• npm or yarn

Installation

npm install

Development

npm run dev

Open http://localhost:3001 to view it in the browser.

Build

npm run build

Preview

npm run preview

Project Structure

src/
├── components/     # Reusable components
├── pages/         # Page components
├── hooks/         # Custom React hooks
├── services/      # API services
├── utils/         # Utility functions
├── types/         # TypeScript type definitions
└── styles/        # Global styles

Configuration

• API URL: {{apiUrl}}
• Socket URL: {{socketUrl}}
• Port: 3001

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

Learn More

• React Documentation
• TypeScript Documentation
• Tailwind CSS Documentation
• Vite Documentation