A modern job application tracking web application that helps users stay organized during their job search journey.
Jobshell is a simple yet powerful tool that allows users to register and track job applications throughout the entire hiring process. Keep all your job opportunities organized in one place and never miss an update.
- Job Application Tracking: Register and monitor all your job applications
- Real-time Updates: Stay informed about your application status
- User-friendly Interface: Clean and intuitive design for seamless navigation
- Secure Authentication: Firebase-powered user authentication
- Responsive Design: Works perfectly on desktop and mobile devices
- React (v19.2.0) - UI library
- Vite (v7.2.4) - Build tool and dev server
- TypeScript (v5.9.3) - Type safety
- Zustand (v5.0.11) - State management
- Firebase (v12.9.0) - Backend services (Auth, Database)
- React Router (v7.13.0) - Navigation
- React Hook Form (v7.71.1) - Form handling
- Zod (v4.3.6) - Schema validation
- React Icons (v5.5.0) - Icon library
- Clone the repository:
https://github.com/AHB-7/jobs.git
cd jobshell- Install dependencies:
npm install- Set up Firebase:
- Create a Firebase project at Firebase Console
- Enable Authentication and Firestore Database
- Copy your Firebase configuration
- Create a
.envfile in the root directory and add your Firebase credentials:
VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_FIREBASE_APP_ID=your_app_id- Start the development server:
npm run devnpm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
jobs/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Page components
│ ├── hooks/ # Custom React hooks
│ ├── firebase/ # Firebase configuration and services
│ ├── constants/ # Constants and configuration
│ ├── types/ # TypeScript type definitions
│ ├── App.tsx # Root component
│ ├── App.css # Global styles
│ └── main.tsx # Application entry point
├── public/ # Static assets
├── dist/ # Production build output
├── index.html # HTML template
├── package.json # Dependencies and scripts
├── tsconfig.json # TypeScript configuration
├── vite.config.ts # Vite configuration
├── vercel.json # Vercel deployment config
└── README.md # Project documentation
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License.
- Built with modern React best practices
- Inspired by the need for better job application tracking
- Thanks to all the open-source libraries that made this possible
A modern job application tracking web application that helps users stay organized during their job search journey.
Jobshell is a simple yet powerful tool that allows users to register and track job applications throughout the entire hiring process. Keep all your job opportunities organized in one place and never miss an update.
- Job Application Tracking: Register and monitor all your job applications
- Real-time Updates: Stay informed about your application status
- User-friendly Interface: Clean and intuitive design for seamless navigation
- Secure Authentication: Firebase-powered user authentication
- Responsive Design: Works perfectly on desktop and mobile devices
- React (v19.2.0) - UI library
- Vite (v7.2.4) - Build tool and dev server
- TypeScript (v5.9.3) - Type safety
- Zustand (v5.0.11) - State management
- Firebase (v12.9.0) - Backend services (Auth, Database)
- React Router (v7.13.0) - Navigation
- React Hook Form (v7.71.1) - Form handling
- Zod (v4.3.6) - Schema validation
- React Icons (v5.5.0) - Icon library
- Clone the repository:
https://github.com/AHB-7/jobs.git
cd jobshell- Install dependencies:
npm install- Set up Firebase:
- Create a Firebase project at Firebase Console
- Enable Authentication and Firestore Database
- Copy your Firebase configuration
- Create a
.envfile in the root directory and add your Firebase credentials:
VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_FIREBASE_APP_ID=your_app_id- Start the development server:
npm run devnpm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
jobs/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Page components
│ ├── hooks/ # Custom React hooks
│ ├── firebase/ # Firebase configuration and services
│ ├── constants/ # Constants and configuration
│ ├── types/ # TypeScript type definitions
│ ├── App.tsx # Root component
│ ├── App.css # Global styles
│ └── main.tsx # Application entry point
├── public/ # Static assets
├── dist/ # Production build output
├── index.html # HTML template
├── package.json # Dependencies and scripts
├── tsconfig.json # TypeScript configuration
├── vite.config.ts # Vite configuration
├── vercel.json # Vercel deployment config
└── README.md # Project documentation
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License.
- Built with modern React best practices
- Inspired by the need for better job application tracking
- Thanks to all the open-source libraries that made this possible
Note: This project is currently in development. Features and documentation may change.