Skip to content

This project is a clone application that includes some logical operations of the LinkedIn platform πŸš€. It is developed with Nodejs Expressjs Vuejs ⚑️ and MongoDB πŸƒ.

Notifications You must be signed in to change notification settings

Enes-ets34/linkedin-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

84 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

Desktop view


Mobile

Mobile view

DB Diagram

Vue3 Vite

Vitejs logo vector
  "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.

About

This project is a clone application that includes some logical operations of the LinkedIn platform πŸš€. It is developed with Nodejs Expressjs Vuejs ⚑️ and MongoDB πŸƒ.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published