Skip to content

HabiburRahmanZihad/Job-Nest-Web

Repository files navigation

JobNest

Slogan: Nest Your Next Career Move

JobNest is an innovative and user-friendly website designed to help job seekers explore a wide variety of job opportunities across multiple companies.
The platform serves as a centralized hub where users can easily:

  • Find job listings from different companies
  • Review job criteria and requirements
  • Determine if they meet the qualifications before applying

🌐 Live Demo


📚 Table of Contents


🎯 Purpose

JobNest is a clean, responsive job portal designed with a winter aesthetic to highlight local job opportunities based on regional divisions. It promotes community hiring and offers a warm, user-friendly experience during the colder months.


✨ Key Features

  • ❄️ Winter-Themed UI – Cozy, seasonal visuals with a modern interface
  • 🗺️ Division-Based Browsing – Explore jobs by local divisions
  • 📱 Responsive Design – Optimized for mobile, tablet, and desktop
  • 🔐 Secure Auth – Firebase email/password authentication
  • ☁️ Realtime Database – Firestore-powered job listings
  • 🔄 SPA Routing – Smooth client-side routing with React Router
  • 🧠 Reusable UI – TailwindCSS + DaisyUI for scalable components
  • 🔔 Notifications – Real-time feedback with react-hot-toast
  • 🌐 SEO-Ready – Meta tags via react-helmet-async

🛠️ Built With

Category Tools & Libraries
Frontend React 19, Vite
Styling Tailwind CSS, DaisyUI
Auth & DB Firebase Auth, Firestore
Routing React Router v7
Icons Lucide React, React Icons
Notifications React Hot Toast
SEO React Helmet Async
Animations Motion

📦 NPM Packages Used

# Core
react, react-dom, react-router, vite

# UI & Design
tailwindcss, daisyui, lucide-react, react-icons, @react-icons/all-files

# Firebase
firebase

# Utilities
react-hot-toast, react-helmet-async, motion

# Dev Tools
eslint, @vitejs/plugin-react, @types/react, @types/react-dom, eslint-plugin-react-hooks