2023-09-28_17-38-45.mp4
- Register / Log in / Log out
- Search user
- Display profile
- Edit own profile
- Request friend
- Accept friend
- Reject friend
- Remove friend
- Create posts
- Delete posts
- View your personal feed
- Like and unlike posts
- Comment post
- Receive notifications for Likes
- Receive notifications for Comments
- Receive notifications for Friend Requests
- Beautiful UI using TailwindCSS and ShadcnUI
- Light / Dark mode
- Full responsivity
- 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! 🌐👥🚀