A modern web application showcasing the power of React, TypeScript, and shadcn-ui components. Built with performance and user experience in mind.

• Modern Tech Stack: React 18, TypeScript, and Vite
• Beautiful UI: shadcn-ui components with Tailwind CSS
• Type Safety: Full TypeScript implementation
• Responsive Design: Mobile-first approach
• State Management: React Query for efficient data fetching
• Form Handling: React Hook Form with Zod validation
• Interactive Elements: Framer Motion animations
• Data Visualization: Recharts integration
• 3D Capabilities: Three.js support

• Frontend Framework: React 18
• Language: TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• UI Components: shadcn-ui
• Routing: React Router
• State Management: React Query
• Form Handling: React Hook Form + Zod
• Animations: Framer Motion
• Charts: Recharts
• 3D Graphics: Three.js

1. Clone the repository:

git clone https://github.com/yourusername/dream-whisper.git
cd dream-whisper

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Build for production:

npm run build

src/
├── components/     # Reusable UI components
├── hooks/         # Custom React hooks
├── lib/           # Utility functions and configurations
├── pages/         # Page components
└── App.tsx        # Main application component

• Development Server: npm run dev
• Build: npm run build
• Preview Build: npm run preview
• Lint: npm run lint

This project is licensed under the MIT License - see the LICENSE file for details.

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request