Career Development Task Tracker

Career Development Task Tracker is a web-based application that helps professionals organize and manage their career advancement tasks. The application provides both list and calendar views, allowing users to visualize their career development activities over time. Tasks are categorized by type (Writing, Networking, Job Search, etc.) and organized by monthly themes to provide structure and focus to career development efforts.

A comprehensive and dynamic task management application designed specifically for career development, helping professionals organize and track their growth initiatives with a unique blend of structured planning and flexible adaptation. Featuring monthly themes, integrated skill development tasks with resource links, and robust persistence for all task statuses, this app provides both list and calendar views to visualize your progress in content creation (blogs, shorts, presentations), networking, and job search activities. Try it out here

Who It's For

This application is designed for:

• Professionals actively managing their career growth
• Job seekers tracking application and networking activities
• Content creators planning career-related content
• Career coaches helping clients organize development activities
• Anyone looking to structure their professional development journey

Key Features

• Dual View Options: Toggle between list and calendar views
• Task Filtering: Filter tasks by status (all, pending, completed, overdue)
• Task Categories: Organize tasks by type (Writing, Networking, Job Search, etc.)
• Monthly Themes: Tasks are grouped by month with dedicated themes
• Monthly Themes:
  • May 2025: Personal & Professional Narratives
  • June 2025: Technical Expertise with a Fun Twist
  • July 2025: Leadership & Advocacy
  • August 2025: Integrative Fun & Advocacy
  • September 2025: Advanced Content & Expanding Influence
  • October 2025: Authority Building & Strategic Positioning
• Visual Indicators: Color-coded categories and completion status
• Task Management: Add, edit, and delete tasks with ease
• Completion Tracking: Mark tasks as completed with visual confirmation
• Date Organization: View tasks by specific dates in calendar view

How to Use

1. View Tasks: Toggle between list and calendar views using the buttons at the top
2. Filter Tasks: Use the filter buttons to show all, pending, completed, or overdue tasks
3. Add Tasks: Click the "Add Task" button to create a new task
4. Edit Tasks: Click the edit icon on any task to modify its details
5. Complete Tasks: Check the checkbox next to a task to mark it as completed
6. Delete Tasks: Click the delete icon to remove a task
7. Calendar Navigation: In calendar view, use the arrows to move between months
8. View Day Details: Click on any day in the calendar to see all tasks for that day

Future Features

• Enhanced Data Persistence: Cloud synchronization across devices
• Mobile Application: Dedicated mobile apps for iOS and Android
• Advanced Reporting: Analytics and progress tracking over time
• Reminder System: Email and push notifications for upcoming tasks
• Goal Setting: Connect tasks to larger career goals
• Integration: Connect with calendar applications (Google Calendar, Outlook)
• Collaboration: Share task lists with mentors or career coaches
• Templates: Pre-defined task templates for common career development activities

Local Setup Instructions

Prerequisites

• Node.js (v14.0.0 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/daaimah123/career-development-task-tracker.git]
cd career-development-task-tracker

2. Install dependencies:

npm install

# or

yarn install

3. Run the development server:

npm run dev

# or

yarn dev

4. Open your browser and navigate to http://localhost:3000

Building for Production

1. Build the application:

npm run build

# or

yarn build

2. Start the production server:

npm start

# or

yarn start

Technologies Used

• Next.js: React framework for server-rendered applications
• TypeScript: Type-safe JavaScript
• Tailwind CSS: Utility-first CSS framework
• localStorage API: Client-side data persistence

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.