Job Portal Application A feature-rich and fully responsive Job Portal Platform built using the MERN stack to connect job seekers and recruiters effortlessly. Designed with a sleek UI and smooth interactions, the platform supports job discovery, application tracking, and job posting through dedicated dashboards.
✨ Key Features ✅ Core Functionalities
🔐 Secure Authentication using JWT (Login & Registration)
👤 Role-Based Authorization for students and recruiters
🌍 Responsive & Intuitive UI powered by Tailwind CSS & shadcn/ui
⚡ Seamless Navigation using React Router
🎓 For Job Seekers (Students)
Browse and search available job listings
Apply to jobs instantly
Track application status from a personalized dashboard
🧑💼 For Recruiters
Create and publish job postings
View and manage applications received per job
Edit or remove active job listings
Centralized dashboard for all hiring activity
🎨 UI & User Experience The frontend is crafted with Tailwind CSS and shadcn/ui to ensure visual consistency and accessibility. Framer Motion enables fluid animations that enhance interactivity and engagement. Highlights:
Fully responsive across mobile, tablet, and desktop
Clean and modern interface with smooth transitions
Animated components for enhanced user engagement
Optional dark/light theme support (if implemented)
🛠️ Tech Stack 🖥️ Frontend
React.js
Tailwind CSS
shadcn/ui
Framer Motion
React Router
Axios
⚙️ Backend
Node.js
Express.js
MongoDB
Mongoose
JSON Web Token (JWT)
📁 Project Structure job-portal/ │ ├── client/ # React Frontend │ ├── components/ │ ├── pages/ │ └── ... │ ├── server/ # Backend API │ ├── routes/ │ ├── controllers/ │ └── models/ │ └── README.md
🔒 Authentication Overview
Users register and login securely using email & password
JWT tokens are issued to maintain authenticated sessions
Access is restricted based on user roles
Protected routes enable controlled access for job posting and applications
⚙️ Installation & Setup
-
Clone the Repository git clone https://github.com/shubham79a/job-portal.git cd job-portal
-
Configure Environment Variables Create a .env file inside the server/ folder: MONGODB_URI = "" PORT = 8000 SECRET_KEY = ""
CLOUDINARY_API_KEY = "" CLOUDINARY_SECRET_KEY = "" CLOUDINARY_NAME = ""
NODE_ENV === ""
- Install Dependencies
cd client npm install
cd ../server npm install
- Run the Project
cd server npm run dev
cd ../client npm start
🌐 Access the application:
Frontend: http://localhost:5137
Backend: http://localhost:5000
📜 License
Released under the MIT License
👨💻 Developer
Developed with 💙 by Likitha
🤝 Contributions We welcome contributions from the community! Feel free to fork the repository, open issues, or submit pull requests.