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

-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

-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

-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

-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

-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

-fixed cross device alignment issue.
-make it so that cursor only appears on desktops.
-refined the configs of react components

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

-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

-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

Sorry for not doing devlogs, I totally forgot about it. Anyway, I’ve retraced my steps. Here’s the breakdown:

hour1
-initialized vite project with react and typescript
-set up tailwind css with custom olive and offwhite color tokens
-initial commit with a clean boilerplate
hour2
-added global styles and the noise overlay for that tactile feel
-configured lucide-react and framer-motion dependencies
-refined tsconfig to handle absolute paths and strict typing
hour3
-built the core Section component with unified padding and theme support
-set up the navigation structure with mix-blend-difference
-drafted the initial header typography and editorial layout
hour4
-implemented the HeroPortrait component with blend modes
-fleshed out the home section with a heavy emphasis on serif typography
-refined the navigation link animations and mobile menu state
hour5
-started the InteractiveGrid component
-implemented mouse-tracking logic for the background magnification
-spent way too much time on the math to make the grid feel “magnetic”
hour6
-built the base Cursor component using framer-motion’s useSpring
-added the trailing ring effect for a weighted, liquid movement
-set up the reactive state for hovering over clickable element
hour7
-implemented “Cursor Intelligence”: detecting site-wide theme changes
-made the cursor auto-invert its colors when crossing into dark sections
-added data-attribute tracking so specific UI elements trigger cursor states
hour8
-designed the Terminal component UI (backdrop blurs and glassmorphism)
-wrote the rust code snippet for the “technical” about section
-set up the initial character-by-character display logic

-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

-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

-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

-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

-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

-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