Talent Bridge Job Portal by Nauman KhanTalent Bridge Job Portal by Nauman Khan

Talent Bridge Job Portal

Nauman Khan

UI Designer

UX Designer

Fullstack Engineer

Redux

Tailwind CSS

Vite

Talent Bridge Job Portal

This repository contains a cleanly separated Frontend and Backend setup, designed for scalable and maintainable full‑stack development.

📂 Project Structure

root/
├── backend/
│   ├── src/
│   │   ├── controllers/
│   │   ├── models/
│   │   ├── routes/
│   │   ├── middlewares/
│   │   ├── utils/
│   │   └── index.js
│   ├── .env
│   ├── package.json
│   └── nodemon.json
│
├── frontend/
│   ├── src/
│   │   ├── assets/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── hooks/
│   │   ├── store/
│   │   ├── services/
│   │   ├── utils/
│   │   ├── App.jsx
│   │   └── main.jsx
│   ├── index.html
│   ├── package.json
│   ├── vite.config.js
│   └── tailwind.config.js
│
└── README.md

🔧 Backend Setup (Node.js + Express)

Tech Stack

Node.js (ES Modules)

Express.js

MongoDB (Mongoose)

JWT Authentication

Bcrypt (Password Hashing)

Multer + Cloudinary (File Uploads)

CORS & Cookie Parser

Install Dependencies

cd backend
npm install

Environment Variables (`backend/.env`)

PORT=8000
MONGO_URI=your_mongodb_uri
JWT_SECRET=your_jwt_secret
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=

Run Backend

npm run dev

Backend runs on:

http://localhost:8000

🎨 Frontend Setup (Vite + React)

Tech Stack

React 18

Vite

Redux Toolkit + Redux Persist

React Router DOM

Tailwind CSS

Radix UI

Framer Motion

Axios

Install Dependencies

cd frontend
npm install

Environment Variables (`frontend/.env`)

VITE_API_BASE_URL=http://localhost:5000

Run Frontend

npm run dev

Frontend runs on:

http://localhost:5173

🏗️ Build Frontend

npm run build
npm run preview

📦 Scripts Summary

Backend

Command Description npm run dev Start backend with nodemon

Frontend

Command Description npm run dev Start Vite dev server npm run build Production build npm run preview Preview build npm run lint Run ESLint

✅ Best Practices

Keep backend and frontend fully decoupled

Use environment variables for secrets

Centralize API calls in frontend services

Use middleware for authentication & validation

Maintain reusable UI components

📄 License

This project is for internal development and learning purposes only.

📸 Screenshots

Like this project

Posted Jan 1, 2026

Developed a scalable full-stack Talent Bridge Job Portal.

Likes

Views

Talent Bridge Job Portal

Talent Bridge Job Portal

📂 Project Structure

🔧 Backend Setup (Node.js + Express)

Tech Stack

Install Dependencies

Environment Variables (`backend/.env`)

Run Backend

🎨 Frontend Setup (Vite + React)

Tech Stack

Install Dependencies

Environment Variables (`frontend/.env`)

Run Frontend

🏗️ Build Frontend

📦 Scripts Summary

Backend

Frontend

✅ Best Practices

📄 License

📸 Screenshots

Challenges

Challenges

Talent Bridge Job Portal

Talent Bridge Job Portal

📂 Project Structure

🔧 Backend Setup (Node.js + Express)

Tech Stack

Install Dependencies

Environment Variables (backend/.env)

Run Backend

🎨 Frontend Setup (Vite + React)

Tech Stack

Install Dependencies

Environment Variables (frontend/.env)

Run Frontend

🏗️ Build Frontend

📦 Scripts Summary

Backend

Frontend

✅ Best Practices

📄 License

📸 Screenshots

Challenges

Challenges

Environment Variables (`backend/.env`)

Environment Variables (`frontend/.env`)