- Notifications
You must be signed in to change notification settings - Fork1
A LinkedIn clone built with Next.js, TypeScript, MongoDB, and Tailwind CSS. It features user authentication via Clerk (Google, GitHub, email/password), allowing users to create and delete posts. Non-logged-in users can view posts, while authenticated users can like and comment. The app uses Cloudinary for media management and a responsive design.
Mshandev/Linkedin-Clone
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
This repository hosts the source code for a LinkedIn clone built with Next.js, TypeScript, MongoDB, and Tailwind CSS. The application replicates core LinkedIn functionalities, providing a platform for users to interact with posts and manage their accounts.
- Live Preview:https://linkedin-clone-by-shan.vercel.app/
- User Authentication with Clerk (Google, GitHub, email/password)
- Create and Delete Posts
- Like and Comment on Posts
- View Posts (non-logged-in users)
- Responsive Design
- Cloudinary Integration for Media Management
- Home Page
- Post Popup
- Profile Section
Clone the project
https://github.com/Mshandev/Linkedin-Clone.git
Go to the project directory
cd Linkedin-Clone
Install dependencies
npm install
Setup Environment Vaiables
MONGO_URI=YOUR-MONGO_URLCLOUD_NAME = YOUR-CLOUDINARY-NAMEAPI_KEY = YOUR-CLOUDINARY-API-KEYAPI_SECRET = YOUR-CLOUDINARY-API-SECRETNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY = YOUR-CLERK-PUBLISHABLE-KEYCLERK_SECRET_KEY = YOUR-CLERK-SECRET-KEY
Start the server
npm run dev
The application is deployed on Vercel.
Contributions are always welcome!Just raise an issue, and we will discuss it.
If you have any feedback, please reach out to mehere
About
A LinkedIn clone built with Next.js, TypeScript, MongoDB, and Tailwind CSS. It features user authentication via Clerk (Google, GitHub, email/password), allowing users to create and delete posts. Non-logged-in users can view posts, while authenticated users can like and comment. The app uses Cloudinary for media management and a responsive design.