🚀 Smartly — The Ultimate Job Tracker

Smartly is a high-performance, professional job application tracker designed for job seekers to keep a track of all that they applied!.

It features real-time Growth Analysis, a streamlined Job Dashboard, and a premium UI/UX to help you navigate your career journey with precision.

🔗 Live Link:

https://job-tracker-lilac-delta.vercel.app/

🏗️ Project Architecture

The codebase is structured for scalability and clean separation of concerns using React, Tailwind CSS, and Framer Motion.

TRACK_YOUR_JOBS
├── 📁 node_modules       # Project dependencies
├── 📁 src
│   ├── 📁 components     # The heart of the UI
│   │   ├── 📊 Analytics.jsx           # Pro Growth Analysis & Bar Graphs
│   │   ├── 💼 Applications.jsx        # Full list of tracked applications
│   │   ├── ⚡ ApplySmartly.jsx         # Smart application logic
│   │   ├── 🎨 Banner.jsx              # Hero section & branding
│   │   ├── 🏠 Dashboard.jsx           # Main user workspace
│   │   ├── 🏢 JobFormModal.jsx        # Compact, clean entry form
│   │   ├── 🧱 Navbar.jsx              # Navigation & branding
│   │   └── 📉 SmallAnalytics.jsx      # Mini metrics for quick views
│   ├── 📁 context        # Global State Management
│   │   └── 🧠 JobContext.jsx          # Handles job data across the app
│   ├── ⚛️ App.jsx        # Root component & Routing
│   ├── 🎨 index.css      # Global Tailwind styles
│   └── 🏁 main.jsx       # Application entry point
├── 📄 index.html         # HTML Template
├── 📄 package.json       # Scripts & dependencies
├── ⚡ vite.config.js     # Build & Dev server configuration
└── 📜 README.md          # Documentation

✨ Key Features:

 -> 📈GROWTH ANALYSIS: Professional bar charts visualizing your application funnel.
 -> 🎯EFFICIENCY TRACKING: Simple success-rate metrics to measure your job-seeking ROI.
 -> 📝SMART FORMS: Highly organized, compact modals for adding and editing job details.
 -> 🌑UI/UX: A premium aesthetic using Indigo and Slate themes for a professional "SaaS" feel.
 -> 📱FULLY RESPONSIVE: Clean experience across desktop, tablet, and mobile.

🛠️ Tech Stack:

 -> Frontend: React.js (Vite)
 -> Styling: Tailwind CSS
 -> Animations: Framer Motion
 -> Icons: Lucide React
 -> Deployment: Vercel

🧠 Concepts Used:

 -> React Hooks (useState, useEffect, useContext, useMemo)
 -> Component Architecture
 -> Props & State Management
 -> React Context API
 -> Conditional Rendering
 -> Local Storage
 -> Dynamic Data Rendering

🛡️ Secure & Smart

Every feature in Smartly is built to keep your job search organized. Stop using spreadsheets; start applying smartly.

🏆 The Smartly Philosophy:

"Don't just apply. Apply Smartly."

👩‍💻 Creator:

Lovepreet Kaur

Built with curiosity, creativity, and React.