DoFresh

• added a custom user creation form to enable flexibility and clean error messages when signing up; debugged the sign-up page, allowed form box to expand, and added password confirmation box and feedback on account security

ATTENTION, SHIPWRIGHTS!! HERE, PLEASE!! HERE!! READ BELOW!!!

i couldn’t edit the ship message’s contents, but hopefully you see this message!
here are some things about the (new) ship…
▸ the new link for my project is here: https://dofresh.vercel.app. please use the credentials stardance_tester for both the username and the password!! THIS HAS ALL THE DATA FOR THE ACCOUNT, OR ELSE YOU NEED TO CREATE YOUR OWN DATA FOR YOUR ACCOUNT!
▸AI was NOT used for my devlogs, AI declaration, ship message, or README. i copied ASCII art, GitHub commit messages, and stylized font to the devlogs, not AI-generated summaries. i wrote my AI declaration in a separate Google Docs because my computer tended to restart and update at the wrong times. i wrote my ship message by myself! i used a part of my app description for the README, which, again, I wrote by myself. i have screenshots of my work below.

anyways, for the devlog..

• fixed the chat page so that a message can’t be sent while another is still generating!!
• debugged record() not establishing the variable recent_completed_pair before using it in the else-if conditional

• debugged the refreshing lists not appearing at the sidebar
• debugged the ‘i did list’ not working
• debugged subtasks not appearing
• changed hosting platform from Render to Vercel! https://dofresh.vercel.app/

new link: https://dofresh.vercel.app/

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #39 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

hopefully the last devlog!!
today, my very artistically talented friend gave me some very nice feedback about the login page, both directly and indirectly. sooo…

• debugged the list titles appearing as ‘undefined’
• modified the login and sign-up pages!! aren’t they just so pretty [totally not similar]

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #38 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

• with the Free tier for Hugging Face being closed, I switched to using Groq for API calls!!
• refined the chat feature by adding previous message context and restructuring the user task data for the migration to django
• fixed sidebar sign out button toggle and Chat textbox size changing
• debugged track page not appearing
• edited looks of completion tracking graph
• added task list appearing with breaks for task page tooltips

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #37 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

• added formatting and HTML tag support for article page
• debugged 0/0 tasks and 0/0 list completion modal, which spiraled to infinity
• added NASA pictures for article iamges

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #36 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

fixed 500 Service Error for record() in views.py, optimizing iteration through list data and refining logic!!

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #35 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

now i really want to start shipping…! and submitting… please…

today, sitting in the subway & waiting for/on my train, i refactored the advice page with a new Article class to dynamically display articles and created a new article detail page!

• updated advice.html to loop through articles, all objects of class Article in models.py, and display them dynamically
• added article.html template and the URL article/<int:article_id>
• added new CSS styles for article layout and text formatting (especially pre HTML blocks)

i tried to upload images for the article cards into the database, but in production, i would need to find a cloud service provider (…and i need more )… so i reversed my hard work and uploaded the images to the static folder instead.

additionally:

• moved the welcome modal and the refreshing notification/progress report modal HTML from index.html to layout.html so that the users would be able to see them in other pages of the website & debugged this
• debugged / cleaned up the logic and code for the tracking page’s fill-when-blank graphics.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #34 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

• created + debugged completeRefreshingTask() from nonfunctional buggy to visibly seamless condition. debugged the function call’s missing button parameter at the click event handler. simplified idsToChange array composition, debugged parent to-do box HTML getting, added view.py function for backend reflection and change. added and debugged support for completing and matching subtasks & parent tasks.added animations and implemented/fixed logic structure of function.
• implemented, improved, and debugged task completion function components and edge case logic.
• tracked down and debugged one case of subtask handling error in addHTMLCompletedRefreshingTask() by changing the original JS key ‘subTasks’ to ‘subtasks’ and ‘parentTask’ to ‘parent_task’.
• added CSRF tokens to layout.html to enable POST methods for the general record/ and setLastDate() functions.
• debugged track.js to solve naming conflict in repeated uploads.
• added confetti and fireworks effect to task completion animations.
• moved Lumi from top of screen to stay in the sidebar for the user’s continuous view.
• debugged parent tasks switching the activeness of subtasks.
• added a ‘Refreshing tasks completed:’ counter at the top of the I Did List
• added today’s tasks to update the Refreshing Tasks Completed count. enabled the count text to collapse with the sidebar list.
• fixed some remaining localStorage-reliant code and the welcome modal’s sequencing.
• fixed Lumi position in login page. Debugged last_accessed_date being set in an empty user state.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #33 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

• implemented set_last_date API endpoint and update last accessed date logic in views.
• refactored date handling in layout.js and script.js and designed date structure (ISO string format) to free conflict in regional time changes.
• migrated task completion recording function to Django (work-in-progress, not tested thoroughly).
• debugged and refactored the completion of tasks and updating completed tasks for improved performance and smooth HTML animation sequences & transitions. [added a new boolean condition to updateCompletedDiv so that it wouldn’t need to re-add the tasks every time it ran. yay performance improvement!]

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #32 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

• debugged I Did List integration with Django; working as usual now.
• re-implemented Chat functions [display, Django Message models, and API calls].
• started layout.js’s lastAccessedDate and refreshing date record functions with Django migration.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #31 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ 

• added edit task, edit details, and remove task functionalities.
• implemented Django migration for track page!! added mock test data and confirmed that the track page works
• edited subtasks attribute to lists and edited views.py for Task objects to debug duplicate ID tasks.

the django migration is going smoothly!! i’m quite proud of myself for getting editTask() and editDetails() in less than 5 minutes each. done in one go!!

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #30 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• debugged addTodoBox() implementation with fetch()… turns out response.json() was missing the ()!!
• implemented removeTodoBox() and addTask() with matching Python views and functions

getting there… kind of getting there… i need to finish this off…

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #29 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• debugged to-do list and task HTML appearance with JavaScript fetch and new Django interactions
• established new data/fetch/global constant variables throughout script.js
• debugged I Did list’s usage of localStorage
• enabled adding lists and renaming lists with Django functions!

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #28 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• on the way to a full switch to Django:
• added login, logout, and signup views and functionalities to allow different users & management through the admin page
• working through bridging original usage of ‘localStorage’ and Django’s SQLite database—replacing many JavaScript functions with fetch and API calls
• drafted task, to-do list, and chat messages’ models in models.py
• fairly completed the HTML appearance for the JS -> Python fetch switch. app correctly generates the to-do lists, tasks, completed tasks, completed refreshing tasks, buttons, and subtasks

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #27 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• refactored ‘onclick’ event listeners to conditionals and casework using event.target.nearest(). removed setListeners() entirely, saving memory leaks and unneeded recursive usage of setListeners().
• uploaded the app on Render (for free!!)!!
• changing DoFresh platform from Flask to Django! initialized app + project foundations, changed settings, established urls, views, and models -> all task-related functions are working. still work-in-process for API calls and the backend.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #26 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added smooth collapsing/expanding animations for task addition and removal
• nested completed-for-good tasks in the completed tasks div and debugged the task ID retrieval in script.js
• debugged task completion handling and every small issue arising with each update and tweak

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #25 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added zero-state filler graphics to the track page!
• replaced querySelector with getElementById and getElementsByClassName for better performance, speed, and efficiency all around the app.
• added filler div for chat UI
• lots of minor tweaks to UX in the task add-remove-check sequence of the dashboard page

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .
devlog #24 – shoot for the stars like 📸
⋅˚₊‧ ଳ ‧₊˚ ⋅

• debugged removal and creation of tasks with refactored js localstorage system!
• added zero state filler for main page if no boxes are present.
• debugged the different day headers showing up in the ‘I Did!’ list so that they don’t appear when no tasks are there at all. filler image work-in-progress.
• modified task creation to initialize with empty task strings instead of default text.
• cleaned up unused code and improved readability.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #23 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added headers and divs for the different completion dates in the I Did List
• implemented date formatting functions in script.js and organized/debugging the display and orientation of I Did list items so that both refreshing and standard, completed-today and completed-previously tasks would appear correctly.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #22 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added streak activity chart, maximum streak, and longest active streak widgets to the track v.2 page!
• implemented ‘I Did List’ to keep track of completed tasks with date tags. keeps track of refreshing tasks’ completion over 1 week and all of the standard task completions on a collapsible sidebar in the dashboard.

there are a lot of things to organize when dealing with dates… ISO date format, JS dateString format, parsing into milliseconds for comparison, etc.

give me my strawberry coding notebook 🥲🥲 at least i’m having fun

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #21 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅
day 2 of refactoring the whole track system…

• added activity heatmap chart after refactoring task completion chart
• implemented an activity heatmap to visualize task completion over time
• created a system of divs and spans for a “Github heatmap” orientation. added Bootstrap tooltips to display more information.
• much CSS effort was invested in accessibility + making a clean scrolling system and the weekday/month grid

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #20 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• created a blinking passive mode animation for Lumi
• refactored setLumiCostume function to loop the blinking animation without pause or transition effects (work in progress to make smoother!)
• decided to refactor track !! 600 lines of code… hopefully it’ll come alive again…
• added chartCompletion function to show number of completed tasks across days. JavaScript dynamics and Chart.js, CSS to create a responsive grid for the track dashboard, and HTML to reorder elements

whoo

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #19 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• went through the whole process of editing the jumping animation again so that it would align better with the existing static character… yay… 🥹🥹
• added lumi to the top of the to-do list and added animation for task completion

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #18 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added to-do list interaction to progress circle. debugged and refactored refresh notification modal display logic.
• designing time!! work in progress: a gamification (?) system and a star icon.
• say hi to lumi!!

i did NOT spend 26 minutes on this… that’s just on the debugging… please show lumi some love and affectionate feedback!! i’ve never animated anything in my life before. ⭐ 💌

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #17 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added new modal to pop up with ‘it’s a new day!’ and completion information. work in progress. added progress circle animations
• added a completedDate portion to standard to-do tasks so that daily reports can be yielded
• enabled tooltips for hovering over sidebar navigation
• updated styles for various components
• brainstorming several design ideas…

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #16 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• debugged preservation and correction of chart generation settings (i.e. no weekly history with monthly chart type)

• adjusted color schemes and area fill for charts

• added dropdown task menus in track page for subtask organization and access

• enabled the “mainstream” task to be clicked without enabling dropdown, instead relying on hover to toggle dropdown menu

• note: the data is fake! i haven’t been doing the stardance challenge since may ;)

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #15 – shoot for the stars like 📸

˚₊‧ ଳ ‧₊˚ ⋅

• debugged completion and re-activation of both subtasks and “mainstream” tasks! fixed subtask element selection in different task-controlling functions; improved localStorage handling for task completion and prevented duplicate entries.
• the long-awaited UI update!! used a free gradient as a background, edited opacity and blur in layout.css. changed color schemes further and added glassy / transparency aesthetic to to-do boxes.
• debugged the case where task dropdown menus didn’t disappear when other tasks were clicked!! small UX updates that make life significantly less frustrating. (small when they’re there, big when they’re not… guys… i’m a totally unartistic soul and a coder… ui/ux designers please save me!!! we love you 💖💖)

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #14 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• debugged completion and re-activation of subtasks and “mainstream” tasks.
• fixed subtask element selection in functions; improved localStorage handling for task completion and prevented duplicate entries!

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #13 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

lucky number #13… i’m certainly suffering because of the subtask changes… 😄

• added CSS and adjusted JavaScript to prevent disabling accordion collapse (conflict with new task dropdown)
• added CSS to task dropdown for hover-appear features and styling.
• refactored JavaScript:
• enabled proper removal and completion of tasks + subtasks! if a “mainstream” task is removed, so are all its substacks. a substack is removed cleanly. similarly, if an active “mainstream” task is completed, so are all of its subtasks. if it’s recovered from completion, however, the subtasks remain completed.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #12 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• updated CSS styles for buttons and task elements to improve layout and aesthetics: changed button styles from Bootstrap’s primary blue to custom logo purple

• added dropdown menus for tasks for another layer of safety in deletion

• added subtasks! (major change… help…)

• adjusted localStorage interactions, data structure, HTML/CSS code, and JavaScript logic for subtask management. improved user experience by adding focus and click event listeners for task editing and subtasks.

• had to decide whether to nestle subtasks within their parent tasks or by themselves in localStorage. finally settled on keeping all tasks on the same level for the sake of accessing them easily—instead, each subtask has a parentTask key, and a “mainstream” task has an array of their substack IDs.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #11 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• lots of small updates for this devlog.

• added loading spinner to chat function.

• updated and debugged styles—padding, sidebar, the body moving instead of overlapping with the expanded sidebar.

• updated chat message time logging.

it’s the small things that matter… ;-;

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #10 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• heavily edited and debugged the new sidebar. adjusted previous javascript and html to accommodate it:

• updated padding and margin styles for better alignment.

• refactored layout structure to improve sidebar functionality and aesthetics.

• added JavaScript functionality for sidebar toggle and dynamic list generation in layout.js.

• removed unnecessary sidebar code and adjusted layout accordingly.

• implemented typewriter effect for generated chat responses! ⌨️

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #9 – shoot for the stars like 📸
⋅˚₊‧ ଳ ‧₊˚ ⋅

• refactored chat response handling and improved error handling/user display.
• debugged empty-space messages for home page.
• updated sidebar navigation link UI and enhanced layout structure.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #8 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added chat message storage and retrieval with a sql database! includes a refresh function w/ a safety modal
• improved chat UI [slightly, i really need to improve the entire app’s UI. designers help me. i’m aesthetic but i need to learn web UI ㅠ]

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #7– shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• attempting to connect huggingface’s ai models to dofresh as backend api
• have attempted for 3 hours and 52 minutes
• and success!!
• need to refine formatting, token length, and css styling, but the backend is connected and running.

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #6 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added dynamic display of advice articles [wip]
• updated advice HTML structure and CSS for improved layout

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #5 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added HTML and CSS template for the advice page, which will feature a series of blogs offering advice on productivity, mental health, and consistent growth [based on personal experiences]
• considering using free AI APIs to create an interactive analysis/support chatbot… please recommend me some free sources if you know any!! ❤️

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #4 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅
each task has a collapsible ‘details’ textarea!

• (i) modified HTML and CSS to accommodate changes
• (ii) modified JavaScript [mostly the .parentElement locations] to adjust to structure
• (iii) disabled space-key toggle so that the user’s typing wouldn’t be interrupted
  updated the track page’s sidebar from position: fixed; to position: relative; and juggled around CSS + CSS to restore the page structure
  debugged: the fill-if-blank text now appears only once, even when a completed task is deleted and the number of active tasks is consistently 0

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #3 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• refactored localStorage format of storing tasks → {taskId: ‘task_1785339829783’, task: ‘look out the window’, details: ‘look out at the sky’, completedDates: []}.
  - this took a lot of effort, as does all structural change to storage in javascript. every function that pulled task data from localStorage had to be edited to accommodate this change, although i brought it upon myself by starting in the wrong direction.

• added ‘details’ to each task and styled them as textareas!

• updated alert for empty charts; prepended now, rather than appearing below the empty canvas

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .

devlog #2 – shoot for the stars like 📸

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added randomized text for filling blank pages :D
• changed the stored date formats from date strings to ISO string for cleaner splitting and organization
• debugged removing the completed tasks! [i felt like a forensic scientist, only with console.log(‘this should be appearing more than once’) and lots of if-else statements]. turns out i was forgetting to setListeners() for the newly created HTML task elements.
  added charts tracking monthly progress [work in progress]

𝐍𝐨𝐰 𝐥𝐨𝐚𝐝𝐢𝐧𝐠. . .
devlog #1 – shoot for the stars like 📸⁣

⋅˚₊‧ ଳ ‧₊˚ ⋅

• added safety modal boxes for removing to-do lists.
• debugged removal of completed tasks.

to-do:
⋅˚₊‧ debug the completed tasks more! right now, only one completed task can be deleted at a time. uh-oh… ⋅˚₊‧