Sistema Império - personal productivity and self-mastery app called — in Portuguese (Brazil). The core philosophy is total self-control: "not an...
Generated Prompt
# Lovable Prompt for "Sistema Império" Web Application ## APPLICATION OVERVIEW "Sistema Império" is a personal productivity and self-mastery web application designed to help users achieve total self-control over their lives. By gamifying daily activities and providing a structured framework for goal setting and habit tracking, it empowers users, referred to as "Imperador", to cultivate discipline and achieve their personal objectives. ## CORE FEATURES 1. **Dashboard**: A comprehensive overview displaying user level, XP progress, daily habits, and personalized challenges to keep users engaged and motivated. 2. **Calendário**: A versatile calendar view allowing users to manage their tasks, habits, and events across daily, weekly, and monthly perspectives, ensuring easy tracking of activities. 3. **Objetivos (Goals & Projects)**: Users can create, track, and manage their goals and projects with progress indicators and XP rewards, enhancing motivation and accountability. 4. **Ações (Habits & Tasks)**: A dedicated module for managing daily habits and tasks, complete with tracking features, progress reports, and the ability to link tasks to broader goals. 5. **Conhecimento (Studies, Books, Vault)**: A knowledge management section that includes study tracking, reading progress, and premium content, fostering continuous learning and growth. 6. **AI Agent "O Guardião"**: An intelligent assistant providing personalized insights and motivation, analyzing user data to promote accountability and discipline. ## 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 application will feature a streamlined layout with a top navigation bar, a sidebar for module selection, and main content areas that adjust responsively for various devices, ensuring an intuitive user experience. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux for managing application state and user sessions ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling. 2. **Create UI Components**: Develop reusable UI components (buttons, cards, navigation) using shadcn/ui, adhering to the specified design specifications. 3. **Implement Navigation**: Create a top navigation bar and a sidebar for easy access to different modules (Dashboard, Calendário, Objetivos, Ações, Conhecimento). 4. **Develop Core Features**: Build out each core feature, ensuring all components are functional and synced with the state management system. 5. **Integrate AI Agent**: Create the "O Guardião" AI agent interface, ensuring it can access user data and provide insights. 6. **Testing**: Conduct thorough testing of all features, focusing on user experience and responsiveness across devices. 7. **Deployment**: Prepare the application for deployment, ensuring all functionalities are optimized for performance and user engagement. ## USER EXPERIENCE Users will interact with "Sistema Império" through a clean and intuitive interface, navigating seamlessly between modules. The dashboard will greet users with personalized messages and a summary of their progress, while the gamification elements will provide motivation through visual progress indicators and daily challenges. The AI agent will enhance user engagement by providing tailored insights and encouragement, ensuring a disciplined yet supportive environment for achieving personal mastery.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
