Next.js Tailwind Supabase Plaid .cursorrules prompt file
About .cursorrules prompt file
What you can build
Financial Insights Dashboard - Create an application that visualizes users' financial data from Plaid, showcasing spending trends, income sources, budget tracking, and goal setting with a neatly structured React component architecture.
Expense Tracker with Alerts - Develop a solution that tracks user expenses in real-time using Supabase for data handling, and alerts users of unusual expenses or when they exceed their budget limits.
Multi-Currency Financial Planner - A web tool that supports multiple currencies for users with international portfolios, integrating with the Plaid API and using currency conversion APIs to update data dynamically.
Subscription Management System - Build an app to help users track and manage their recurring subscriptions. It could use Plaid for transaction analysis and Supabase for storing and categorizing subscription data.
Customizable Budget Templates - Design a platform that provides predefined and customizable budget templates, saving user preferences and budgets in Supabase for easy retrieval and modification.
Investment Portfolio Analyzer - Create a service that links to financial accounts via Plaid and analyzes investment performance, offering insights and suggestions. Stores historical data in Supabase for comparison.
Financial Health Report Generator - An application that generates comprehensive reports of users' financial health metrics, utilizing Plaid data analytics and Supabase for data storage.
Financial Goal Tracker - Develop an application that allows users to set, track, and achieve financial goals, employing Plaid for transaction monitoring and Supabase for progress tracking.
Income and Expense Categorization Tool - A utility that categorizes income and expenses within user accounts, offering detailed breakdowns and analytics through a React and Tailwind CSS interface.
Secure Family Financial Management - An app that supports multiple user roles (e.g., parents and children) and securely manages shared and individual finances within a family, with Plaid for data and Supabase for user management.
Benefits
- Use a configuration file to toggle between development and production environments, specifically managing Plaid, Supabase, and Claude API keys.
- Develop financial data functionality using Plaid's sandbox and live environments, storing user data securely with Supabase PostgresSQL.
- Design reusable, Tailwind-compliant components, ensuring they're easily integrated with the existing component library structure.
Synopsis
Developers focused on building a financial calendar app using Next.js, Tailwind CSS, Supabase, and Plaid, can use this prompt to establish setup configurations, data handling, and component structure guidelines.
Overview of .cursorrules prompt
The .cursorrules file outlines the development framework for creating a financial calendar application using technologies such as Next.js, Tailwind CSS, Supabase, and Plaid. It specifies the configuration of API keys for environments, including Plaid, Supabase, and Claude. It mandates the usage of Plaid for financial data retrieval, Supabase for data storage, and establishing reusable components with a specific UI style using a component library. The file emphasizes integration with Supabase for authentication, real-time data, and security. It also encourages the use of reusable and styled components throughout the application and covers guidance for handling incomplete component libraries and utilizing dummy data.