First layer of a fully spanish SaaS app that will work as internal platform for the business I work in.
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed as an internal platform for a business, facilitating role-based access and management of events and user activities. It will feature a modern calendar interface and provide comprehensive user management features, targeting efficiency and intuitive user experience. ## CORE FEATURES 1. **Role-Based Authentication**: Implement authentication for three user roles—admin, worker, and user—ensuring secure access to functionalities appropriate for each role. 2. **Dynamic Menu System**: A responsive left side menu for main tabs and a context-specific right side menu that adapts based on the selected tab, enhancing navigation ease. 3. **Event Management Calendar**: A Google Calendar-like interface allowing users to create, manage, and visually interact with events through drag-and-drop functionality, supporting daily, weekly, and monthly views. 4. **Event Details and Assignments**: Users can generate events with specific parameters (date, time, class type, coach) and manage participant lists for each event. 5. **Analytics Dashboard for Coaches**: A right-side menu in the calendar tab displaying coach statistics, including total journal time, memberships, and revenue generated over various time frames. 6. **User and Membership Management**: A comprehensive list of all users differentiated by role, along with a structured user dashboard that varies views based on user role, and a detailed listing of memberships and pricing. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist with a clean, simple design emphasizing white space, a minimal color palette, and a strong focus on typography. - **Color Mode**: Light theme featuring dark text on light backgrounds to ensure readability and a pleasant user experience. - **Layout**: The application will feature a two-column layout with the left menu fixed and the right menu dynamically changing based on the selected tab. A central content area will display relevant information based on user interactions. - **Typography**: Use a sans-serif font such as "Roboto" for headings and body text. Maintain a clear hierarchy with larger, bolder text for headings and lighter weights for body content. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust type safety and scalability. - **Styling**: Tailwind CSS for utility-first styling, ensuring a responsive and adaptive design. - **UI Components**: Utilize shadcn/ui for pre-built UI components that align with the minimalist design aesthetic. - **State Management**: Use React Context or Redux for managing application state across different components. ## IMPLEMENTATION STEPS 1. **Set Up Project Structure**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui. 2. **Implement Authentication**: Create an authentication flow with role management ensuring secure access for each user role. 3. **Build Menu Components**: Develop the left and right side menu components, ensuring they are dynamic and responsive based on user interactions. 4. **Develop Calendar Component**: Integrate a calendar library that supports drag-and-drop functionality and event creation capabilities. 5. **Create Event Management Logic**: Implement event creation and management features, linking user participation and all relevant attributes. 6. **Design and Integrate Analytics Dashboard**: Build the analytics dashboard for coaches, pulling in data based on event participation and user subscriptions. 7. **Implement User and Membership Management Features**: Create the user list and membership pricing structures, ensuring role-based access to different functionalities. 8. **Testing and Optimization**: Conduct thorough testing for functionality and responsiveness, making adjustments as needed for an optimal user experience. ## USER EXPERIENCE Users will experience a seamless interface that allows for easy navigation between different functionalities. Admins can manage user roles and events, while workers can access their schedules and tasks, and end-users can view and participate in events. The intuitive layout and responsive design will ensure a user-friendly experience across devices, enhancing productivity and collaboration within the business.
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!
