posted an update —

FocusFlow Project Update

Status Update

This week, I added a new authentication system for FocusFlow. Users can now create an account, log in, and access their own protected workspace. This helps keep each user's tasks and productivity data private and separated from other users.

New Features Added

User Authentication Pages

I added both Login and Sign Up pages for FocusFlow.

The authentication system includes:

  • Login form with username and password
  • Sign up form with username, email, password, and confirm password
  • Terms and privacy agreement checkbox
  • "Remember me" option
  • Forgot password link
  • User session support so each user can access their own task data

This is an important step because FocusFlow is now moving from a basic task management prototype into a more complete personal productivity app.

Protected User Workspace

After logging in, users are brought into their own FocusFlow dashboard. The app now displays the current user in the interface, showing that the workspace is connected to an authenticated account.

This makes it possible to protect:

  • A user's personal tasks
  • Calendar planning
  • Templates
  • Settings
  • Future analytics data

Calendar Page

I added a new Calendar page for scheduling and visualizing tasks.

Current progress:

  • Calendar navigation item added to the sidebar
  • Time blocking calendar section created
  • Placeholder area added for the future drag-and-drop calendar view

Next, I plan to make this page support dragging tasks into time blocks.

Templates Page

I added a Templates page so users will eventually be able to save and reuse task templates.

Current progress:

  • Templates navigation item added
  • Empty state UI added
  • "Create Template" button added
  • "Create Your First Template" call-to-action added

This will help users quickly create recurring tasks without starting from scratch every time.

Settings Page

I also added a new Settings page where users can customize their FocusFlow experience.

The first completed settings section is for the Pomodoro Timer.

Current Pomodoro settings include:

  • Work duration
  • Short break duration
  • Long break duration
  • Sessions until long break

The settings page also includes tabs for:

  • Pomodoro
  • Notifications
  • Appearance
  • Data
  • Shortcuts

Screenshots Added

I added screenshots showing the current progress of the app:

  1. Login page
  2. Sign up page
  3. Calendar page
  4. Templates page
  5. Settings page

These screenshots show the updated authentication flow and the new protected app pages.

Current Progress

FocusFlow now has a stronger foundation with authentication and multiple user-facing pages. The app is no longer just a single task screen. It now has a structure for a full productivity platform, including task management, calendar planning, reusable templates, analytics, and customizable settings.

Next Steps

The next features I plan to work on are:

  • Connect authentication to persistent user task data
  • Build the real calendar time-blocking functionality
  • Allow users to create and save task templates
  • Add working Pomodoro timer behavior
  • Improve analytics for user productivity tracking
  • Add more settings customization options

Summary

This update focused on making FocusFlow more complete and user-centered. By adding authentication, protected user pages, and new sections like Calendar, Templates, and Settings, the project is moving closer to becoming a real AI-powered task management app that users can personalize and use every day.

Log in or sign up for Devpost to join the conversation.