LinkedIn Web Application

This web application is a replica of the LinkedIn platform. In this web application, users can create and delete posts, as well as view posts created by other accounts. The application offers both light and dark mode features, modal pop-ups, and next-level authentication for login and logout.

Built with

Next JS
Material UI
Recoil
MongoDB

Package dependencies

"next": "13.1.6",
"recoil": "^0.7.6",
"@mui/material": "^5.11.7",
"mongodb": "^4.14.0",

"next-auth": "^4.19.2",
"@next-auth/mongodb-adapter": "^1.1.1",
"framer-motion": "^9.0.1",
"next-themes": "^0.2.1",
"timeago-react": "^3.0.5",
"clsx": "^1.2.1",

"@mui/icons-material": "^5.11.0",
"@emotion/react": "^11.10.5",
"@emotion/styled": "^11.10.5",
"@next/font": "13.1.6",
"eslint": "8.33.0",
"eslint-config-next": "13.1.6",
"react": "18.2.0",
"react-dom": "18.2.0"

Environment Variables

NEXTAUTH_URL=

MONGODB_URI=
MONGODB_DB=
JWT_SECRET=

NEWS_API_KEY=

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

Installation

Clone the project

  git clone https://github.com/mrizkysolehudin/linkedin-app-one my-project

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the project

  npm run dev

Screenshots

Home Page Before Login	Home Page After Login (Light Mode)

Home Page After Login (Dark Mode)	Input Post Modal

Post Modal

Author

💻 Muchammad Rizky Solehudin

Related Project

⚡Live Demo⚡