👉 You need to build a Golf Charity Subscription Platform with:
Generated Prompt
## APPLICATION OVERVIEW The Golf Charity Subscription Platform is a full-stack web application designed to allow users to subscribe to a service that tracks their golf scores, enables participation in monthly draws, and donates part of the subscription fees to chosen charities. The app includes user and admin dashboards for managing subscriptions, scores, and charity selections, ensuring an engaging experience while supporting charitable causes. ## CORE FEATURES 1. **User Authentication**: Allow users to sign up, log in, and log out securely using JWT or Supabase Auth. 2. **Subscription System**: Implement monthly and yearly subscription plans with an option for fake payments for demo purposes using Stripe test mode. 3. **Score Management**: Users can enter and manage their last 5 golf scores, with logic to ensure only the most recent scores are stored. 4. **Monthly Draw System**: Automatically generate random draw numbers each month and match them against user scores to determine winners. 5. **Charity Selection**: Users can select their preferred charity, with a percentage of the subscription fees allocated to the chosen charity. 6. **User and Admin Dashboards**: Provide an intuitive user dashboard displaying subscription status, scores, charity selected, draw participation, and winnings, along with an admin dashboard for managing users, charities, and draw processes. ## 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 layout will feature a top navigation bar, a hero section with a brief description of the service, followed by sections for features, user testimonials, and a call-to-action (CTA) encouraging users to sign up. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Use React's Context API or a state management library as needed for handling global state. ## IMPLEMENTATION STEPS 1. **Set Up the Project Environment**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui). 2. **Build Authentication System**: Implement user authentication using either Supabase Auth or JWT. Create signup, login, and logout functions. 3. **Develop the Subscription System**: Create the subscription plans with mock payment functionality (Stripe test mode) and integrate it into user profiles. 4. **Implement Score Management**: Develop the logic for users to input and manage their last 5 golf scores, ensuring the oldest score is removed when a new score is added. 5. **Create the Monthly Draw System**: Implement the draw logic that generates random numbers monthly and checks them against users’ scores to determine winners. 6. **Set Up Charity Management**: Allow users to select charities and implement a simple mechanism to allocate a percentage of subscriptions to the chosen charity. 7. **Build Dashboards**: Design and implement user and admin dashboards displaying relevant information and management options. 8. **Testing and Deployment**: Test all functionalities end-to-end, deploy the frontend on Vercel and backend on Render or Railway, ensuring everything works seamlessly. ## USER EXPERIENCE Users will experience a straightforward journey from signing up to managing their golf scores and participating in draws through intuitive interfaces. The app will provide visual feedback on actions taken (e.g., score submissions, subscription selections) and ensure an engaging process for supporting charities through their golf activities. Admins will have a separate interface to manage users, run draws, and oversee charities, ensuring smooth operation of the platform.
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!
