A little match-up between tasks and music!!!!!!!

CalJam is a web application that integrates a daily activity tracker with music playlists from Spotify. It brings together two areas of everyday life: time management and music, by aligning user activities with curated playlists that complement the task at hand.

The goal of CalJam is to make productivity more engaging and enjoyable. Users can plan their day through assignments and activities, while at the same time playing playlists that are tailored to each activity type. Whether studying, exercising, commuting, or relaxing, CalJam ensures that users remain both organized and motivated.

• Landing Page

  • Introduces the application through three sections: How It Works, Task–Music Match, and About.
  • Provides a clear entry point with a “Get Started” button that leads to the Dashboard.

• Dashboard

  • Serves as the main interface for users to manage their schedules.
  • Displays a structured daily calendar with both assignments and activities.
  • Includes two primary controls: Add Assignment and Add Activity.
  • Integrates a Spotify music player to allow direct playback of playlists linked to activities.
  • Displays the current time and date in the header for added context.

• Assignments

  • Allows users to add tasks with details such as title, due date, and difficulty level.
  • Helps users track academic or personal deadlines in an organized format.

• Activities

  • Supports activity logging across categories such as Study, Workout, Yoga, Commute, Cooking, Games, Party, and Sleep/Relax.
  • Each activity is mapped to a curated Spotify playlist that fits the mood and context.

• Spotify Integration

  • Playlists are embedded within the dashboard, enabling immediate playback.
  • Users can control playback directly or open the playlist in Spotify for the full experience.

• Frontend: React with TypeScript
• Routing: React Router (react-router-dom)
• Styling: Custom CSS (App.css)
• Music Integration: Spotify
• Development Tools: Node.js, npm