Welcome to Facebook Clone

Live Demo 👈

Preview

2023-09-28_17-38-45.mp4

Features

Users

• Register / Log in / Log out
• Search user
• Display profile
• Edit own profile

Friendships 👤

• Request friend
• Accept friend
• Reject friend
• Remove friend

Posts 📝

• Create posts
• Delete posts
• View your personal feed
• Like and unlike posts
• Comment post

Notifications 📬

• Receive notifications for Likes
• Receive notifications for Comments
• Receive notifications for Friend Requests

Additional Features 🌟

• Beautiful UI using TailwindCSS and ShadcnUI
• Light / Dark mode
• Full responsivity

Tech 🚀

• Next.js
• TypeScript
• Tailwind CSS
• Prisma
• MongoDB
• Tanstack Query
• Shadcn UI
• React Hot Toast

Development 🛠️

1. Clone the repository

git clone https://github.com/iorise/facebook-clone.git

1. Install dependencies

npm i

1. Set up .env file

DATABASE_URL=

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=
WEBHOOK_SECRET=
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

1. Set up prisma

npx prisma generate
npx prisma db push

1. Start the app

npm run dev

Enjoy the journey of building your own social platform with Facebook Clone! 🌐👥🚀