Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a Minecraft-themed environment where users can acquire resources such as food, water, houses, basements, characters, grass, and livestock as game rewards and tokens. The app aims to provide an engaging platform for users to interact with these elements in a playful, gamified manner.

## CORE FEATURES
1. **Resource Management**: Users can collect and manage resources like food, water, and livestock, which can be used for various in-game activities.
2. **Building Mechanic**: Users can design and build houses and basements, utilizing the resources they have gathered.
3. **Character Creation**: Users can create and customize characters to explore the environment and interact with other players.
4. **Reward System**: Implement a system where users earn tokens by completing tasks or achieving milestones, which can be exchanged for additional resources or upgrades.
5. **Social Interaction**: Allow users to connect, trade resources, or collaborate on building projects with friends or other players.
6. **Progress Tracking**: A dashboard feature that displays users' progress, resource inventory, and achievements within the game.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space and a minimal color palette, focusing on typography for clarity.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and visual comfort.
- **Layout**: A user-friendly interface divided into sections for resource management, building, character customization, and social interaction, with a top navigation bar for easy access.
- **Typography**: Use sans-serif fonts such as "Roboto" for body text to ensure readability, with larger, bold headings for section titles to create a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design customization.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Use React Context API or Zustand for managing global state effectively across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Build out the main components including the Navigation Bar, Resource Management Section, Building Section, Character Customization Section, and Social Interaction Area.
3. **Implement State Management**: Set up the Context API or Zustand for managing resources, user progress, and social interactions.
4. **Design Layout**: Structure the layout using Tailwind CSS classes to maintain a minimalist aesthetic while ensuring responsiveness across devices.
5. **Create Reward System**: Develop the logic for the reward system, allowing users to earn tokens and exchange them for resources.
6. **Test User Flows**: Conduct thorough testing of user interactions to ensure a smooth experience, making adjustments based on feedback.

## USER EXPERIENCE
Users will start by creating an account and customizing their character. They will then be taken to the dashboard, where they can view their resources and progress. Users can navigate through sections to manage resources, build structures, and interact with friends. The interface will provide clear calls to action, guiding users to explore and engage with the various features while ensuring the experience remains enjoyable and intuitive. Responsive design will ensure functionality on both desktop and mobile devices, making it accessible for all users.