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 ๐
Development ๐ ๏ธ
- Clone the repository
git clone https://github.com/iorise/facebook-clone.git
- Install dependencies
npm i
- 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=
- Set up prisma
npx prisma generate
npx prisma db push
- Start the app
npm run dev
Enjoy the journey of building your own social platform with Facebook Clone! ๐๐ฅ๐