Jobpilot 🧑‍💼💼

A modern Job Portal web application built with React, TailwindCSS, and React Router.
The project is inspired by the Jobpilot Figma UI Template.

🔗 Live Demo: View on Vercel

⚠️ Note: This project is still in progress. Currently, the Home Page, Signup Page, Verify Email Page, and some shared components (like JobGrid, CompanyGrid, and cards) are implemented. The data is static and comes from JSON files. Future versions will integrate APIs and dynamic data handling.

---

✨ Features (Current & Planned)

• ✅ Home Page UI
• ✅ Signup Page
• ✅ Verify Email Page
• ✅ Shared Components (JobGrid, CompanyGrid, Cards, Footer, Header, etc.)
• ✅ Modular Project Structure
• ✅ TailwindCSS v4 for modern and responsive styling
• ✅ Static data from JSON files

🔜 Planned Features

• Authentication (Login, Password reset)
• Candidate & Employer Dashboards
• Job Search, Filters, and Alerts
• Favorites & Applied Jobs pages
• Blog, FAQs, Contact & About pages
• API Integration for dynamic job and company data

---

🛠️ Tech Stack

• React ^19.1.0
• React Router DOM ^7.6.1
• TailwindCSS ^4.1.8 (with @tailwindcss/vite)
• Formik & Yup (forms & validation)
• Swiper.js (sliders)
• Vite ^6.3.5 (for fast build & dev server)

---

📂 Project Structure

src/
├── Components/
│ ├── Candidate/
│ ├── Company/
│ ├── Dashboard/
│ ├── Job/ (JobCard, JobGrid, JobsPopularSearch)
│ ├── Layout/ (Footer, Header, Modals, Sections)
│ └── UI/
│
├── Contexts/
├── Data/ (Static JSON files)
├── Hooks/
├── Layouts/ (AuthLayout, DashboardLayout, MainLayout)
├── Pages/
│ ├── Auth/
│ ├── Candidate/
│ ├── Employer/
│ ├── Main/
│ └── Others/
│
├── App.jsx
├── main.jsx
└── index.css

---

🚀 Getting Started

1. Clone the repository

git clone https://github.com/YOUR_USERNAME/Jobpilot.git
cd jobpilot

2. Install dependencies

npm install

3. Run development server

npm run dev

4. Build for production

npm run build

5. Preview production build

npm run preview

---

📦 Deployment

This project is designed to be easily deployed on Vercel.

1. Push your code to GitHub.
2. Connect your GitHub repo with Vercel
3. Deploy with default settings (Vite + React auto-detected).
4. Done 🎉

---

📊 Status

• Current Stage: Early Development
• Implemented: Home Page, Signup Page, Verify Email Page, Shared Components
• Data Source: Static JSON files
• Next Steps: Add more pages (Jobs, Candidates, Employers, Blog, Contact, etc.), authentication flow (Login, Reset Password), and dynamic APIs

---

🤝 Contributing

Contributions are welcome! If you'd like to suggest improvements, feel free to open an issue or submit a pull request.

---

📜 License

This project is licensed under the MIT License.

---

🙌 Acknowledgements

Jobpilot Figma UI Template

React, TailwindCSS, and the amazing open-source community.