An open API service indexing awesome lists of open source software.

https://github.com/fajlarabby24/job-track

JobTrack is an innovative and user-friendly web application designed to help job seekers explore a wide variety of job opportunities across different companies. Built with a winter-themed, division-focused UI, the platform emphasizes local support while ensuring a seamless job search and application experience.
https://github.com/fajlarabby24/job-track

daysiui firebase motion reactjs sweetalert2 tailwindcss

Last synced: 3 months ago
JSON representation

JobTrack is an innovative and user-friendly web application designed to help job seekers explore a wide variety of job opportunities across different companies. Built with a winter-themed, division-focused UI, the platform emphasizes local support while ensuring a seamless job search and application experience.

Awesome Lists containing this project

README

          

# 🌨️ JobTrack - Winter-Themed Job Portal (Assignment-09)

JobTrack is an innovative and user-friendly web application designed to help job seekers explore a wide variety of job opportunities across different companies. Built with a winter-themed, division-focused UI, the platform emphasizes local support while ensuring a seamless job search and application experience.

---

## 🔗 Live Website

[👉 Click Here to Visit Live Site](https://job-track-84023.web.app/)

## 📁 Repository

[👉 View GitHub Repository](https://github.com/programming-hero-web-course1/b11a9-react-authentication-FajlaRabby24)

---

## 🎯 Purpose

The goal of this project is to create a centralized platform where job seekers can:

- Discover jobs across multiple companies.
- View detailed job requirements.
- Apply directly to jobs through the company's official site.
- Manage user profile information securely with Firebase authentication.

---

## 🧩 Key Features

- 🔐 **Authentication:**

- Email/Password Login & Registration.
- Google Sign-In.
- Protected Routes & Conditional Rendering.
- Password Reset via Email.

- 📄 **Routing & Navigation:**

- React Router DOM setup with nested layouts.
- 404 Not Found Page.
- Dynamic Page Titles.

- 🧑‍💼 **User Profile:**

- View & update profile (Name and Photo URL).
- Display user info on My Profile route.

- 🧩 **Job Listing System:**

- Dynamic company details with multiple jobs per company.
- Modal-based job detail display.
- External application redirection.

- 🏢 **Company Section:**

- Grid-based logo display.
- Clickable to view detailed job listings.

- ❄️ **Theming & Design:**

- Fully responsive (mobile, tablet, desktop).
- Winter-themed UI/UX.
- Modern grid/flexbox layout using Tailwind CSS.

- 🔄 **Animations:**
- Framer Motion for smooth UI animations.

---

## 🛠️ Tech Stack

- React.js
- React Router DOM
- Firebase Authentication
- Tailwind CSS
- Framer Motion
- React Toastify
- dotenv for environment variables

---

## 🔐 Environment Variables

Create a `.env` file and add the following Firebase keys:

```env
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_sender_id
VITE_appId=your_app_id
```