Thank you!
I opted NO nextJS because its a nightmare with supabase and agents (learned over last two months trying to work with it).
Frontend Framework & Language
- React with TypeScript (.tsx files)
- Vite (build tool - vite.config.ts)
Styling
- Tailwind CSS (tailwind.config.js, extensive Tailwind classes in your components)
- CSS Modules (watermark.css)
Backend & Database
- Supabase (PostgreSQL database with real-time features)
- Authentication
- Database queries
- File storage (media bucket)
- Row Level Security (RLS)
UI Components & Icons
- Lucide React (icons like Heart, FolderPlus, ChevronDown, X, ZoomIn)
- Custom UI components (Select, Input from @/components/ui/)
Routing
- React Router (useLocation, useNavigate, routes structure)
State Management & Hooks
- React Hooks (useState, useEffect, useRef)
- Custom Hooks (useUser, useDesignLike, useUserCollections)
- Context API (UserContext)
Notifications
- React Hot Toast (toast notifications)
Development Tools
- Node.js (package.json, node_modules)
- npm/package-lock.json (package manager)
- PostCSS (postcss.config.js)
- Git (.git directory)
Project Structure
- Mono-repo style with organized folders:
/src/components/- Reusable components/src/contexts/- React contexts/src/hooks/- Custom hooks/src/routes/- Page components/src/lib/- Utilities (Supabase client)
This is a modern, well-structured React/TypeScript stack with Supabase as your backend-as-a-service, perfect for building scalable web applications with real-time features!
