🌱 Bloom

Calm routines for every brain.

Bloom is an accessibility-focused routine, focus, and progress-tracking app built with React, JavaScript, Tailwind CSS, Vite, FastAPI, and Vercel.

It is designed around calm UI, gentle task sequencing, demo routines, focus sessions, reflection moments, and neurodivergent-friendly interaction patterns.

Bloom currently focuses on Bloom Personal: a personal routine, focus, progress, and task support app being prepared for public beta feedback.

Live Demo

Experience Bloom

Latest Release - Bloom v2.1.1

Bloom v2.1.1 focuses on responsive UI polish, account persistence testing, contextual guidance, and release cleanup.

Included

• Responsive landing-page improvements
• Contextual tutorial panels for landing, demo, and authenticated areas
• Authenticated profile persistence
• Account data isolation
• Demo and account separation
• Protected-route validation
• Mobile layout improvements
• ESLint and production-build cleanup

Features

• Calm routine and task sequencing
• Focus session support
• Progress and reflection pages
• Moments dashboard
• Demo mode from the public overview page
• Login and create account modal UI
• Light and dark mode
• Text size controls
• OpenDyslexic font toggle
• Reduce motion setting
• Responsive desktop and mobile layouts
• Public About, Privacy, and Accessibility pages
• Backend security/configuration improvements for JWT and CORS

Screenshots

Public Overview	Create Account Modal
Moments	Home
Routines - Dark Mode	Focus - Dark Mode

Tech Stack

Area	Technologies
Frontend	React, JavaScript, Tailwind CSS, Vite
Backend	Python, FastAPI, JWT auth configuration, environment-based CORS
Deployment	Vercel
Tools	Git, GitHub, VS Code, Claude Code, ChatGPT

Quick Start

Clone the repository:

git clone https://github.com/Iris408/bloom-app.git
cd bloom-app

Install dependencies:

npm install

Run locally:

npm run dev

Build check:

npm run build

Documentation

More detailed project documentation is available in the docs/ folder.

Document	Description
Setup Guide	Local setup and build commands
Product Roadmap	Authentication, persistence, beta, and future backend plans
Accessibility Notes	Neurodivergent-friendly design, readability controls, and calm UI choices
Demo Mode	Demo flow, preloaded routines, focus support, and demo boundaries
Project Details	Architecture, AI-assisted workflow, limitations, and learning notes
Beta Notes	Beta feedback planning
Security & Config	Backend security and configuration notes
AI-Assisted Workflow	Notes on supervised AI-assisted development

Project Summary

Bloom is a product-focused frontend/full-stack capstone project built to practise accessible UI design, React app structure, routine/task workflows, demo mode design, authentication planning, backend security configuration, and product documentation.

Author

Built by Iris408