Ledger app for freelancers with categorised expenses and spending with date and time
Generated Prompt
```xml <instructions> You are a senior frontend developer tasked with creating a web application for a ledger app designed for freelancers. The app should allow users to manage categorized expenses and spending, including the ability to specify date and time for each entry. Focus on delivering a clean, functional design that enhances usability and provides a great user experience. </instructions> <context> The application type is a web application intended for freelancers who need to track their expenses efficiently. The target users are independent contractors and freelancers who require a simple yet effective solution for managing their financial records. Design specifications (MUST include in context—copy typography, primary color, border radius exactly): - 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. </context> <requirements> The application must include the following features: 1. User authentication (sign up, login, logout). 2. Dashboard displaying categorized expenses with options to filter by date and category. 3. Form to add new expenses with fields for amount, category, date, and time. 4. Edit and delete options for existing expenses. 5. Responsive design suitable for both desktop and mobile devices. Tech stack should include: - Frontend: React.js for building the user interface. - Backend: Node.js with Express for handling API requests. - Database: MongoDB for storing user data and expense records. Constraints: - The application must be secure, protecting user data and privacy. - Code should be maintainable and documented appropriately. </requirements> <output_format> The expected output should be organized as follows: - Directory structure for the application including folders for components, pages, and styles. - Sample code snippets for key components (e.g., expense form, dashboard). - API endpoint specifications for handling user data and expenses. </output_format> ```
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!
