Back to Projects

BUG Social App

vitereacttailwindfirebase

About this Project

A modern social media web application with features like posts, friends, messaging, groups, pages, and notifications – built using Vite + React + Tailwind on the frontend and Firebase on the backend.

✨ Features

👤 Account & Profile

  • Easy Signup / Login / Logout

  • Complete Profile Page (Photo, Cover, Bio, Location)

  • Ability to post on own profile

📝 Posts & Feed

  • Create Text + Image Posts

  • Feed Tabs: Global / Following / Groups

  • Edit & Delete Post

  • Share Post (with original content)

  • Event / Job / Product type Posts

  • Add Story option & reply to story messages

💬 Interaction

  • Like / Reaction Count

  • Comment (Add / Edit / Delete)

  • Share to Timeline

👥 Friends & Follow System

  • Friend Request (Send / Accept / Cancel)

  • Friend List & Unfriend option

  • User/Page Follow & Unfollow

✉️ Messaging

  • Direct Message (DM)

  • Group Chat & Page Inbox Messaging

  • Quick DM (Auto message from Interested/Buy/Apply click)

  • Typing Tracker (see when someone is typing)

🔔 Notifications

  • Like, Comment, Follow/Unfollow, Friend Actions & Message Notifications

  • Unseen Badge & Seen Support

📄 Page System

  • Create Page & View List

  • Page Profile & Post as Page

  • Follower CTA: Interested / Buy / Apply

👨‍👩‍👧 Group System

  • Group Posts (Admin / Member / Anonymous)

  • Group Chat

  • Separate Tab for My Group Posts

  • Public & Private Group System

🔎 Search & Navigation

  • Search Box & Result Modal

  • Navbar: Home / Notifications / Messages / Profile

🎨 UI Helpers

  • Loader, Skeleton, Toast

  • Fullscreen Overlay & Modal

⚡ Others

  • Custom 404 Page

  • Protected Route (Profile access only after login)

🛠️ Tech Stack

  • Frontend: Vite + React + Tailwind CSS

  • Backend: Firebase (Auth, Firestore, Storage, Realtime DB)


© 2026 Mehraj Hosen. All rights reserved.