Skip to content

A React + Vite frontend application built for job seekers and employers. The portal offers a clean, responsive interface, ready API integration, and smooth navigation across all devices.

License

Notifications You must be signed in to change notification settings

Hussainshaik-devv/Recruitment-portal-frontend-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

πŸš€ Recruitment Portal – React + Vite Frontend

Vite React Bootstrap JavaScript License Live Demo


🌟 Recruitment Portal – Overview

Welcome to the Recruitment Portal! 🎯
A React + Vite frontend application built for job seekers and employers. The portal offers a clean, responsive interface, ready API integration, and smooth navigation across all devices.

β€œA professional recruitment experience, fully responsive and easy to use.”


πŸ“Œ Table of Contents

  1. Features
  2. Technologies Used
  3. Project Structure
  4. Getting Started
  5. Usage
  6. API Integration
  7. Screenshots
  8. Future Enhancements
  9. Crafted by

✨ Features

  • Job Seeker: Browse jobs, apply, track applications βœ…

  • Employer: Post jobs, manage applicants, view applications πŸ“‹

  • Authentication: Secure login & registration flow

  • Responsive UI: Mobile-first design with Bootstrap πŸ“±

  • Dynamic Frontend: React Hooks with Vite for fast, efficient rendering ⚑

  • API Integration: Connects seamlessly with backend endpoints πŸ”—


πŸ›  Technologies Used

Category Technology
Frontend React.js, Vite, React Hooks
Styling Bootstrap 5, CSS, ReactBootstrap
Routing React Router DOM
HTTP Requests Axios / Fetch API
Icons & UI Font Awesome / React Icons

πŸ“‚ Project Structure

Recruitment-portal-frontend-react/
β”‚
β”œβ”€β”€ public/             
β”‚
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/                               
β”‚   β”œβ”€β”€ pages/           
β”‚   β”œβ”€β”€ services/        
β”‚   β”œβ”€β”€ App.jsx          
β”‚   β”œβ”€β”€ main.jsx         
β”‚   └── styles/          
β”‚
β”œβ”€β”€ package.json         
β”œβ”€β”€ vite.config.js       
└── README.md   

πŸš€ Getting Started

1️⃣ Clone the Repository

git clone <your-repo-url>
cd recruitment-portal

2️⃣ Install Dependencies

Copy code

npm install

3️⃣ Run Development Server

Copy code

npm run dev

4️⃣ Open in Browser

Vite will provide a local URL (default: http://localhost:5173)

πŸ’» Usage

πŸ”‘ Login/Register as a job seeker or employer

πŸ“ Job seekers can browse jobs and apply via /dashboard

🏒 Employers can post/manage jobs via /employer-dashboard

πŸ“± Fully responsive design for mobile and desktop


πŸ”— API Integration

Feature Endpoint Method
Get Jobs /api/jobs GET
Apply for Job /api/applications POST
User Login /api/auth/login POST
User Register /api/auth/register POST
Employer Post Job /api/employer/jobs POST
Fetch Applications /api/employer/applications GET

⚠️ Replace /api/... with your actual backend URLs


πŸ–Ό Screenshots

πŸ“Š Hireup Homepage

Homepage

πŸ”‘ Login Page

Login Page

Register Page

Register Page

πŸ“Š Job Seeker Dashboard

Job Seeker Dashboard Job Seeker Dashboard

🏒 Employer Dashboard

Employer Dashboard

Jobseeker Available Jobs

Available jobs


🌟 Future Enhancements

πŸ”” Real-time notifications for job updates & applications

πŸ“„ Resume upload & parsing for job seekers

🌐 Multi-language support


πŸ‘¨β€πŸ’» Crafted by

Shaik Mohammed Hussain

πŸ“§ Email: [ mohammedhussainshaik76@gmail.com ]

πŸ’Ό LinkedIn: Shaik Mohammed Hussain

🐱 GitHub: https://github.com/Hussainshaik-devv

Made with ❀️ using React, Vite, and Bootstrap