Ruby on Rails React TypeScript .cursorrules prompt file
About .cursorrules prompt file
What you can build
Project Management Application: Develop a project management tool that uses Ruby on Rails for backend task assignments and logging, and React with TypeScript and shadcn/ui components for managing tasks visually. This tool can include features such as Kanban boards, Gantt charts, and team collaboration functionalities.
E-Commerce Platform: Create an e-commerce platform where the backend handles inventory, orders, and payment processing using Ruby on Rails, while the frontend reacts to user interactions and displays products dynamically using React, TypeScript, and shadcn/ui components.
Social Media Dashboard: Build a social media analytics dashboard where users can connect multiple social media accounts to track analytics and trends. Ruby on Rails manages account connections and data retrieval while the frontend showcases reports using React's capabilities and shadcn/ui components.
Learning Management System (LMS): Design a learning management system that allows instructors to upload course content and students to engage with it. The backend can handle user authentication and content management using Ruby on Rails, while the frontend provides interactive learning modules built with React and shadcn/ui components.
Real-Time Chat Application: Construct a real-time chat application where users can communicate via text and media. Ruby on Rails can be used to manage user sessions and chat histories, while the frontend handles the live updates and user interactions using React and shadcn/ui components.
Personal Finance Tracker: Develop a personal finance tracking application where users can input and categorize expenses. The Rails backend would handle user data securely, and the React frontend would offer interactive charts and inputs with shadcn/ui components to help users visualize their financial status.
Online Voting Platform: Create a platform for conducting secure online voting, where the Rails backend manages voter registrations and vote counting, while the React frontend allows users to easily cast votes and see live results and statistics using shadcn/ui components.
Benefits
- Focus on producing clear Ruby on Rails and React code with TypeScript, ensuring organization under specified directories with shadcn/ui components.
- Implement a detailed pseudocode plan before coding, emphasizing readability and functionality while adhering strictly to user requirements.
- Always reference filenames, confirm before writing code, and remain updated with the latest stable frameworks and best practices.
Synopsis
This prompt would benefit a full-stack developer building a Ruby on Rails application with a React TypeScript frontend using the shadcn/ui component library.
Overview of .cursorrules prompt
The .cursorrules file sets guidelines for an AI programming assistant that specializes in generating Ruby on Rails backend code and React frontend code using TypeScript. The frontend code must integrate shadcn/ui components and should be well-structured with a focus on readability, adhering to the latest stable versions of various technologies like Ruby, Rails, React, and Tailwind. The file mandates that all code be organized within the app/frontend directory structure and includes detailed planning in pseudocode before actual coding. It emphasizes accuracy, functionality, and fulfilling user requests without unnecessary prose. The assistant should also use placeholder images from https://placekitten.com/ during data seeding and maintain a methodical approach to problem-solving.