White-Label - PROJECT SPECIFICATION: IRON METRICS 1. Executive Summary & Vision Iron Metrics is a next-generation, Coach-Centric fitness SaaS...
Generated Prompt
```markdown ## APPLICATION OVERVIEW Iron Metrics is a coach-centric fitness SaaS platform designed for seamless management of fitness coaching services. It features a dual-interface system with a comprehensive management dashboard for coaches on desktop and a native-like mobile app experience for clients. ## CORE FEATURES 1. **Dynamic Branding Engine**: Allows the application to adapt its visual style based on the selected coach, changing colors, logos, and themes to create a personalized experience. 2. **Coach Dashboard**: A high-density management tool providing insights into revenue, active clients, churn rates, and activity feeds, all within a fixed sidebar and sticky header layout. 3. **Client Mobile App**: A streamlined interface with a bottom tab bar that includes essential features like a workout tracker, nutrition log, and a dashboard displaying progress metrics. 4. **Interactive Workout Logger**: Enables clients to log their workouts with real-time updates to their dashboard, including gamification elements to enhance user engagement. 5. **Nutrition & Macro Library**: Offers a visual interface for tracking daily macros, with a food database and customizable food items for personalized nutrition management. 6. **Weekly Check-In System**: A multi-step form for clients to report progress through photo uploads and body measurements, facilitating direct communication with coaches. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist design emphasizing clean lines, ample white space, and a limited color palette to create a user-friendly interface. - **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability. - **Layout**: - **Coach Dashboard**: Fixed sidebar navigation with a sticky header and a bento grid content area for an organized data presentation. - **Client App**: Bottom tab bar for easy navigation, with a focus on essential functionalities. - **Typography**: Use a modern sans-serif font (such as Inter or Montserrat) for headings, subheadings, and body text, ensuring a clear hierarchy and excellent readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and scalable application structure. - **Styling**: Tailwind CSS for utility-first styling that enhances design consistency and responsiveness. - **UI Components**: Utilize shadcn/ui for pre-built responsive components that adhere to the minimalist aesthetic. - **State Management**: Leverage React's Context API or Zustand for efficient state management across user roles and sessions. ## IMPLEMENTATION STEPS 1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create Layout Components**: Develop the Coach Dashboard layout with a fixed sidebar and sticky header; implement the Client App layout with a bottom tab bar. 3. **Implement Dynamic Branding**: Design the Dynamic Branding Engine to update CSS variables based on selected coaches, ensuring seamless transitions. 4. **Develop Core Features**: - Build the Coach Dashboard with data visualization components for revenue and activity feeds. - Create the Interactive Workout Logger and Nutrition & Macro Library functionalities. - Implement the Weekly Check-In System with multi-step forms for client progress reporting. 5. **Test Responsiveness**: Ensure all components are fully responsive on both desktop and mobile interfaces, focusing on user experience. 6. **Deploy as PWA**: Configure the application as a Progressive Web App by adding a `manifest.json` and service worker for offline capabilities. ## USER EXPERIENCE Clients will experience a dynamic and engaging interface that feels personalized to their coach's brand. Upon joining a new team, users will instantly see the app transform, reinforcing their connection to their coach. The intuitive layout will facilitate easy navigation through essential features, with gamification elements in the workout logger enhancing motivation. For coaches, the dashboard will provide a powerful overview of their client engagement and performance metrics, all while maintaining a clean and organized workspace. ```
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!
