December 4, 2024 (2mo ago)

My Task App

I used NextJS, TailwindCSS, MongoDB, and D3 to create a productivity app.

The app includes:

  • tracking one-off tasks for the day,
  • a longer-term project tracker,
  • an events calendar,
  • time and weather,
  • and a Routines panel with a daily journal input.

Progress is shown in D3 charts. I've also added a workout tracker that tells me what weights to use in my workout based on my previous session.

1. The Home Page

Home Page

On the homepage you can see Today's and Tomorrow's assigned tasks, your Event Calendar, and a Daily Check-in. Data is stored in a MongoDB database. It also uses a public API to give the local weather.

2. Project and Backlog Pages

Project Page

Use the backlog to see all historical tasks, or the Project tracker for longer-term goal setting.

3. Workout App

Workout1Workout2

The workout tracker takes your previous performance for the exercise and automatically sets your weights for the next workout.

4. Mongo Backend

MongoDBMongoDB

The MongoDB collections behind the app.