📱 Commun - Social Media App

Commun is a modern, full-stack social media application built with cutting-edge tools like Next.js, ShadCN UI, Prisma, Tailwind CSS, and Neon DB. It provides a sleek and interactive user experience with authentication, image uploads, notifications, and social interactions.

💻 Deployed App

👉 Try it live!

📸 Preview

📌 Landing Page

📌 Profile Page

📌 Notifications Page

🛠️ Tech Stack

• Frontend: Next.js, Tailwind CSS, ShadCN UI
• Backend: Prisma ORM with Neon PostgreSQL
• Authentication: Clerk
• File Uploads: UploadThing
• Database: Neon PostgreSQL

✨ Features

• 🔐 Authentication: Sign up / Sign in using Clerk
• 👤 User Profiles: View and edit user profile pages
• 🔁 Follow System: Follow and unfollow other users
• 📝 Posts: Create and share posts with image support
• ❤️ Likes & Comments: Interact with posts through likes and comments
• 🔔 Notifications: Get notified for interactions like follows, likes, and comments

📦 Installation Guide

✅ Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v18 or later) – Download
• npm or yarn – Comes with Node.js
• Git – Download
• Clerk account – Create one
• UploadThing account – Create one
• Neon PostgreSQL database – Create one
• Prisma CLI (optional but recommended)

npm install -g prisma

⚙️ Clone the Repository

git clone https://github.com/lipika1911/Commun.git
cd commun

🔌 Install Dependencies

npm install

📝 Environment Variables

Create a .env file in the root directory and configure the following:

DATABASE_URL = your_neon_db_url
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY = your_clerk_publishable_key
CLERK_SECRET_KEY = your_clerk_secret
UPLOADTHING_TOKEN = your_uploadthing_app_id

📊 Setup Prisma

npx prisma generate
npx prisma db push

🏃 Run the app

npm run dev

✅ You’re all set!

• Open http://localhost:3000 in your browser.
• Register a new user and start using Commun!

📬 Contact

For feedback, ideas, or collaborations, reach out:

• 💻 GitHub: lipika1911

📄 License

This project is licensed under the MIT License.

👩‍💻 About the Developer

Made with ❤️ by Lipika