Spaces:
Sleeping
Sleeping
| # 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. | |