Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the creation of Dungeons & Dragons (D&D) campaigns. It aims to assist users in developing engaging stories, non-player characters (NPCs), characters, logical game mechanics, and maps, enhancing the overall RPG experience. The application will provide a user-friendly interface tailored to D&D enthusiasts.

## CORE FEATURES
1. **Campaign Creation Tool**: A step-by-step wizard to guide users in creating their D&D campaigns, including story arcs and key events.
2. **NPC Generator**: A feature to create and customize non-player characters with unique traits, backstories, and motivations.
3. **Character Builder**: An interactive tool for users to design their characters, selecting attributes, skills, and backgrounds.
4. **Map Maker**: A visual interface allowing users to design maps for their campaigns, including terrain, landmarks, and quest locations.
5. **Logic and Mechanics Guide**: An integrated resource for users to understand and implement game mechanics and rules effectively.
6. **Community Sharing**: A section where users can share their campaigns and resources with others, fostering collaboration and inspiration.

## 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 hero section showcasing the application's purpose, followed by sections for core features, testimonials from users, and a call-to-action to start creating campaigns. A footer will include contact information and links to community resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing application state across components)

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project using Create React App with TypeScript. Install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Design Layout**: Create the main layout structure with a responsive navbar, hero section, features section, and footer using Tailwind CSS.
3. **Develop Core Features**: 
   - Implement the Campaign Creation Tool using forms and state management.
   - Build the NPC Generator and Character Builder components, integrating logic for customization.
   - Create the Map Maker using a canvas or grid system for users to design maps.
4. **Integrate Logic Guide**: Develop a resource section that provides users with rules and mechanics, ensuring easy access during campaign creation.
5. **Implement Community Sharing**: Create a database schema to allow users to upload and share their campaigns, along with a user profile section.
6. **Testing and Deployment**: Conduct thorough testing for functionality and responsiveness across devices. Deploy the application using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will navigate the application through a streamlined interface, starting at the hero section where they can learn about the tools available. They will easily access the campaign creation wizard, customize characters, and generate maps using intuitive forms and drag-and-drop features. The application's community section will allow users to explore shared campaigns, fostering an engaging and collaborative environment for D&D enthusiasts.