You are browsing as a guest. Sign up (or log in) to start making projects!

DoFresh

  • 26 Devlogs
  • 68 Total hours

In a world of pursuing immediate gratification and visible perfection, DoFresh encourages persistent growth and celebrates daily achievements with its users, removing the guilt of stagnant tasks and the vagueness of unrecorded consistency.

Open comments for this post

2h 12m 15s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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
0
0
33
Open comments for this post

5h 19m 26s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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
0
0
11
Open comments for this post

4h 55m 43s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .
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.
0
0
24
Open comments for this post

49m 32s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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.
0
0
39
Open comments for this post

8h 18m logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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

1
0
91
Open comments for this post

3h 35m 17s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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
0
0
13
Open comments for this post

2h 39m 43s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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

0
0
47
Open comments for this post

1h 41m 25s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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
0
0
13
Open comments for this post

28m 59s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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. ⭐ πŸ’Œ

0
0
22
Open comments for this post

2h 50m 24s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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…
0
0
23
Open comments for this post

2h 24m 52s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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 ;)

0
0
85
Open comments for this post

1h 57m 36s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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 πŸ’–πŸ’–)
0
0
10
Open comments for this post

1h 17m 45s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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!
0
0
29
Open comments for this post

1h 48m 43s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

devlog #13 – shoot for the stars like πŸ“Έ

β‹…Λšβ‚Šβ€§ ଳ β€§β‚ŠΛš β‹…

lucky number #13… i’m certainly suffering because of the subtask changes… πŸ˜„ :yay:

  • 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.
0
0
5
Open comments for this post

3h 12m 58s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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.

0
0
36
Open comments for this post

1h 59m 17s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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… ;-;

0
0
22
Open comments for this post

4h 48m 21s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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! ⌨️

0
0
38
Open comments for this post

2h 4m 34s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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.
0
0
16
Open comments for this post

4h 36m 43s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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 γ… ]
0
0
53
Open comments for this post

3h 54m 24s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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.
3
0
113
Open comments for this post

52m 18s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

devlog #6 – shoot for the stars like πŸ“Έ

β‹…Λšβ‚Šβ€§ ଳ β€§β‚ŠΛš β‹…

  • added dynamic display of advice articles [wip]
  • updated advice HTML structure and CSS for improved layout
0
0
21
Open comments for this post

53m 8s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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!! ❀️
0
0
10
Open comments for this post

1h 59m 17s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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
0
0
7
Open comments for this post

1h 26m 16s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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

0
0
8
Open comments for this post

1h 16m 30s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .

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]
1
0
45
Open comments for this post

25m 43s logged

𝐍𝐨𝐰 π₯𝐨𝐚𝐝𝐒𝐧𝐠. . .
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… β‹…Λšβ‚Šβ€§

0
0
32

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…