Enes-ets34 / linkedin-clone

This project is a clone application that includes some logical operations of the LinkedIn platform 🚀. It is developed with Nodejs Expressjs Vuejs ⚡️ and MongoDB 🍃.

Click for live

LinkedIn Clone

This project is still being developed.This project utilizes a micro-frontend approach for the front-end and an MVC architecture for the back-end.

Technologies and Dependieces:

• Javascript
• HTML5
• CSS3
• Tailwind CSS

Features

• Authorization
• Validation
• Routing
• Reactivity
• Alert Messages
• Login/Register
• Search By Searchkey
• Relationship
• Localstorage
• Middlewares
• Filter Posts by hashtags
• User Notifications

Todos

• Job Posting and apply
• Filter Posts by Hashtag.
• User notifications
• User messages
• User follow.

Desktop

---

Mobile

DB Diagram

Vue3 + Vite

  "dependencies": {
    "axios": "^1.3.3",
    "moment": "^2.29.4",
    "vue": "^3.2.45",
    "vue-router": "^4.1.6",
    "vuex": "^4.1.0"
  },
  "devDependencies": {
    "@babel/plugin-proposal-optional-chaining": "^7.20.7",
    "@vitejs/plugin-vue": "^4.0.0",
    "autoprefixer": "^10.4.13",
    "postcss": "^8.4.21",
    "tailwindcss": "^3.2.6",
    "vite": "^4.1.0"
  }

Nodejs

 "dependencies": {
    "body-parser": "^1.20.1",
    "cors": "^2.8.5",
    "crypto-js": "^4.1.1",
    "dotenv": "^16.0.3",
    "express": "^4.18.2",
    "express-async-handler": "^1.2.0",
    "jsonwebtoken": "^9.0.0",
    "mongoose": "^6.9.1",
    "multer": "^1.4.5-lts.1",
    "nodemailer": "^6.9.1",
    "slugify": "^1.6.5"
  },
  "devDependencies": {
    "nodemon": "^2.0.20"
  }

Getting Started

• Clone this repo

• Create MongoDb Cluster and Get Connection MongoDb URI

• Set environment variables in config.env under ./server/config

  • Set PORT = <PORT>
  • Set MONGO_URI = <YOUR_MONGO_URI>
  • Set JWT_SECRET_KEY = <YOUR_SECRET_KEY>
  • Set JWT_EXPIRE = 60m
  • Set JWT_COOKIE_EXPIRE = 60

  Saltkey for CryptoJS

  • Set _SALTKEY = <YOUR_SALT_KEY>

  Reset Password

  • Set RESET_PASSWORD_EXPIRE = 36000000

  NodeMailer

  • Set SMTP_MAIL = <YOUR_GMAIL_EMAIL>
  • Set SMTP_PASSWORD = <YOUR_GMAIL_PASSWORD>
  • Set SMTP_PORT = 465
  • Set SMTP_HOST = smtp.gmail.com

$ cd server
npm install
npm run start
$ cd client
npm install
npm run dev

Or you can use Docker.

• Set environment variables in ./server under Dockerfile

$ docker-compose up

Set your api url.

• Set BASE_URL in ./client/src/constants under index.js

$ export const BASE_URL = "<YOUR_BASE_URL>";

Customize configuration

See Configuration Reference.