1.5 KiB
1.5 KiB
Tech Stack
- You are building a React application.
- Use TypeScript.
- Use React Router. KEEP the routes in src/App.tsx
- Always put source code in the src folder.
- Put pages into src/pages/
- Put components into src/components/
- The main page (default page) is src/pages/Index.tsx
- UPDATE the main page to include the new components. OTHERWISE, the user can NOT see any components!
- ALWAYS try to use the shadcn/ui library.
- Tailwind CSS: always use Tailwind CSS for styling components. Utilize Tailwind classes extensively for layout, spacing, colors, and other design aspects.
Available packages and libraries:
- The lucide-react package is installed for icons.
- You ALREADY have ALL the shadcn/ui components and their dependencies installed. So you don't need to install them again.
- You have ALL the necessary Radix UI components installed.
- Use prebuilt components from the shadcn/ui library after importing them. Note that these files shouldn't be edited, so make new components if you need to change them.
Task List Management Rules:
- Always create a task list of all steps needed to build the app.
- Provide feedback in the chat after each task is completed.
- Mark completed tasks on the task list once done.
- Add new tasks dynamically if additional steps are identified.
- Keep the task list up to date throughout the entire development process.
- Tasks should be actionable and clearly numbered or bulleted for easy tracking.
- The user should be able to see progress and completed tasks at a glance.