# ⚙️ Tech Stack

- Frontend: React + Vite + TypeScript or Nest JS
- Styling: Tailwind CSS + shadcn/ui (Radix primitives)
- Backend: Supabase (Postgres, Auth, Storage, Realtime, RLS policies)
- Data fetching: TanStack Query
- State management: Zustand (optional, lightweight UI state)
- Testing: Playwright (E2E), Vitest (unit testing)
- Deployment: Vercel (connected repo), Supabase backend

# ✅ Current Features Implemented
1. **Authentication**
- User signup, login, logout
- Email/password auth
- Profiles with username, avatar, bio

2. **Categories**
- Admin-managed categories (e.g., Technology, Arts & Culture, Sports)
- Users cannot create categories
- Categories displayed on “Explore Categories” page

3. **Groups**
- Groups belong to Categories
- Users can suggest a new group (pending approval by admin)
- Admin can approve/reject group suggestions
- Group page shows cover, description, member count
- Users can join/leave groups
- Public vs Private groups supported

4. **Posts**
- Users can create posts inside groups
- Posts can be text + images (uploaded to Supabase storage)
- Posts support edit/delete by author
- Admins can moderate posts

5. **Comments & Likes**
- Users can comment on posts
- Users can like/unlike posts
- Counters update in realtime
- Notifications for post activity (like/comment)

6. **Messaging**
- Users can start a conversation (DMs)
- Messages are realtime (Supabase channels)
- Conversations view + individual thread view

7. **Notifications**
- New comment/like on your post
- New follower
- Group approval
- New message
- Notifications panel with unread count

8. **Admin Features**
- Approve/reject groups
- Manage categories
- Moderate posts (delete/ban user)
- View user reports (reported posts/comments)

9. **UI/UX**
- Navigation bar with Home, Categories, Groups, Events
- Right-hand sidebar: “Latest News” (external), “Trending Topics” (hashtags)
- Category cards grid
- Group cards with “Join Group” buttons
- Post composer on group page
- Discussions feed with like/comment/reply buttons
- Consistent styling with Tailwind + shadcn/ui

# 🚀 Feature Requests (next steps you can build)
- Add **Dark Mode Toggle** (🌙/☀️) with Tailwind `dark:` support, persisted in localStorage
- Add **Bookmark Post** (Save for Later) feature
- Improve **Notifications dropdown** (animated bell with badge + dropdown list)
- Polish **Profile Sidebar (slide-over drawer)** with user stats, quick links (Profile, Settings, Logout)

# 🎯 Deliverables
1. Update codebase according to requested features
2. Ensure migrations (SQL) for any new tables (e.g., bookmarks) are included in `supabase/migrations`
3. Maintain Row Level Security policies in Supabase
4. Add/update Playwright tests for new features
5. Provide PRs with descriptive messages and preview links (Vercel deploy)
6. Ensure no secrets are committed — use `.env.local` and Vercel env variables

IMPORTANT:
- Do not overwrite working features
- Reuse existing PostCard, GroupCard, CategoryCard components where possible
- Follow Tailwind + shadcn style conventions
- Keep all auth/data access secure through Supabase RLS

README.md

@@ -1,10 +1,13 @@
 ---
-title: Deepsite Project
-emoji: 🌖
-colorFrom: indigo
-colorTo: blue
+title: DeepSite Project
+colorFrom: green
+colorTo: purple
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).