Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a mobile web application designed to provide useful resources and tools for Urdu speakers. The app aims to enhance the user experience by offering a clean, minimalist interface that prioritizes accessibility and ease of use.

## CORE FEATURES
1. **Language Tools**: A suite of tools including a dictionary, thesaurus, and grammar checker to assist users in Urdu language learning and usage.
2. **Cultural Insights**: Sections dedicated to Urdu literature, poetry, and cultural articles to enrich the user's understanding of Urdu heritage.
3. **Learning Resources**: Interactive lessons and quizzes to help users practice and improve their Urdu language skills.
4. **Community Forum**: A platform for users to discuss language topics, share resources, and connect with other Urdu speakers.
5. **Personalized Dashboard**: A user-friendly dashboard that allows users to track their learning progress, favorite articles, and community posts.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will feature a top navigation bar, a central content area for displaying features and tools, and a footer with links to community guidelines and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing user data and preferences)

## IMPLEMENTATION STEPS
1. **Setup Project Structure**:
   - Initialize a new React project with TypeScript using Create React App.
   - Install Tailwind CSS and configure it with PostCSS.

2. **Create Components**:
   - Build the primary components: Header, Footer, Dashboard, and Feature Cards.
   - Implement the community forum and resource sections as separate components.

3. **Implement Routing**:
   - Use React Router for navigation between different sections of the app.

4. **State Management**:
   - Set up Redux or Context API to manage user preferences and progress across the application.

5. **Design Implementation**:
   - Apply Tailwind CSS classes to implement the minimalist design as specified, ensuring proper spacing, typography, and color usage.

6. **Testing and Optimization**:
   - Conduct user testing to gather feedback and make necessary adjustments to improve user experience.

## USER EXPERIENCE
The application will provide intuitive navigation through the use of a top navigation bar that highlights key features. Users will easily access language tools, learning resources, and the community forum. The personalized dashboard will allow users to see their progress at a glance, making it simple to stay engaged with their learning journey. The minimalist design will enhance readability and ensure that users can focus on content without distraction.