A modern, interactive, full-stack social media web application built with Next.js, React, Prisma, PostgreSQL, and Clerk for authentication. Users can post content, react with emojis, like posts, comment, and follow other users.
- ✅ User authentication via Clerk
- 📝 Create, edit, and delete posts with optional images
- ❤️ Like posts
- 💬 Comment on posts
- 👥 Follow/unfollow users
- 🛎️ Real-time notifications for likes, reactions, and comments
- 📱 Responsive design optimized for desktop and mobile
| Layer | Tech |
|---|---|
| Frontend | Next.js, React, Tailwind CSS |
| Backend | Next.js Server Actions, Prisma ORM |
| Database | PostgreSQL |
| Authentication | Clerk |
| Deployment | Vercel / Netlify |
Authentication Page
Home
Notificaiton Page
Profile Page
Feedback Form
- Clone the repository
git clone https://github.com/AmanRai8/social-media-app.git
cd social-media-app- Install dependencies
npm install- Set up environment variables
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key
DATABASE_URL=your_prisma_neon_dB_key
UPLOADTHING_TOKEN=your_uploadthing_token- Set up Prisma database
npx prisma migrate dev --name init
npx prisma generate
- Run the development server
npm run devContributions are welcome!
- Fork the repo
- Create a new branch (
git checkout -b feature-branch) - Commit changes (
git commit -m "Added new feature") - Push (
git push origin feature-branch) - Open a Pull Request





