backlight banner

backlight

17 devlogs
65h 19m 33s

Backlight is a "pit stop" for your mental health that lives in your system tray. It is designed to help developers manage overstimulation without breaking focus by offering timed sessions for music, ambient noise, or ACT-based AI therapy that auto…

Backlight is a “pit stop” for your mental health that lives in your system tray. It is designed to help developers manage overstimulation without breaking focus by offering timed sessions for music, ambient noise, or ACT-based AI therapy that auto-close once finished. Built with the philosophy to keep mental wellness without affecting performance. he app ensures you get back to work refreshed rather than distracted.

This project uses AI

used for most of the documentation, testing and deployment.

Demo Repository

Loading README...

sid

-started working on the user profile screen
-created the profile-screen.ts file
-designed the profile ui to show user stats
-implemented calculating total session times
-styled the profile screen
-added a button in the titlebar to access the profile
-created the chat history overlay feature
-designed the chat-history-screen.ts ui
-implemented saving chat transcripts to local storage
-added logic to load and display past chats
-styled the chat history overlay
-added a button in the titlebar to access chat history

Attachment
Attachment
0
sid

-created the liked songs feature
-designed the liked-songs-screen.ts ui
-implemented the logic to like and unlike songs
-saved liked songs to local storage
-updated the music player to show liked status
-added a button to view liked songs from the titlebar

Attachment
Attachment
Attachment
0
sid

-started working on the artist preferences feature
-created the artist-prefs.ts screen
-designed the ui for selecting and saving favorite artists
-implemented local storage saving for preferences
-integrated artist preferences with the music search
-updated the python script to prioritize preferred artists

Attachment
0
sid

-reviewed the basic app flow from start to finish
-fixed minor navigation bugs
-improved the ui styling across all basic screens
-added consistent color variables to style.css
-worked on the typography and font sizes
-ensured text readability across the app

0
sid

-styled the custom titlebar to match the app theme
-integrated the titlebar into main.ts
-refactored the navigation logic to be more robust
-extracted screen rendering into separate functions
-created the basic ui for a session log overlay
-implemented displaying logged sessions
-styled the session log overlay
-added a toggle button in the titlebar for the log

Attachment
0
sid

-started creating the custom titlebar component
-designed the basic layout for the titlebar
-implemented window controls like minimize, maximize, and close in tauri
-wired up titlebar buttons to tauri window api

Attachment
0
sid

-created the sessions.ts file for tracking user sessions
-implemented basic logging for completed activities
-tested the basic session tracking flow

Attachment
0
sid

-started integrating the actual ai api for the chat
-handled api requests and responses in the background
-refined the chat ui to show typing indicators
-improved message scrolling in the chat window

0
sid

-created the chat screen scaffold for the ai therapist
-designed the chat interface layout
-implemented the chat input and message display areas
-styled the chat bubbles with basic css
-set up the basic structure for the ai chatbot logic
-implemented simple mock responses for the chat

Attachment
0
sid

-wrote the basic music_search.py script
-configured tauri to allow executing the python script
-added necessary permissions in tauri.conf.json
-implemented frontend logic to call the python script via tauri command
-handled basic responses from the python script
-integrated the python script results into the music screen
-added basic audio playback for the music screen
-implemented play, pause, and next track logic

1

Comments

sid
sid 4 days ago

i thought you could only devlog until you got the payout from shipping. sorryyyy

sid

-started the soundscape screen
-gathered and added initial audio assets like forest, ocean, and rain
-implemented basic audio playback for soundscapes
-added play and pause controls for soundscapes

0
sid

-created the breathing exercise screen
-implemented the basic 4-7-8 breathing timer logic
[-added visual indicators for the breathing phases
-styled the breathing screen

0
sid

Shipped this project!

Hours: 9.52
Cookies: 🍪 177
Multiplier: 18.61 cookies/hr

I built the foundation for Backlight! The hardest part was managing the window routing and custom styling for a seamless UI, but I figured it out by building custom components for the titlebar and screens. Really happy with the “minimalist wellness” aesthetic I’ve achieved :)

sid

-created the main.ts entry point
-implemented simple screen navigation logic
-started building the mood selection screen
-added basic buttons for different moods
-styled the mood screen with basic css
-wired up mood selection to state
-created the activities screen scaffold
-added navigation from mood screen to activities screen

0
sid

-created basic project folder structure in src
-added basic css reset and global styles in style.css
-designed the basic architecture for screens and state management
-implemented the main app container in index.html

Attachment
0
sid

-initialized tauri project with vite and vanilla typescript
-set up git repository and initial commit
-cleaned up vite boilerplate code
-configured tsconfig and vite.config.ts for the project
-created app icon svg

Attachment
0