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

AFJ

@AFJ

Joined June 2nd, 2026

  • 26Devlogs
  • 5Projects
  • 3Ships
  • 34Votes
Open comments for this post

@AFJ on Atomic-Habitizer

4h 18m 9s logged

V3
I styled the sidebar:
It was very hard. I brought my cousin via live share and we worked together
The ring mechanism was the most confusing.
The design here is my idea 😁blah blah blah…

0
0
46
Open comments for this post

@AFJ on Atomic-Habitizer

1h 0m 4s logged

Starting the new version based on the reviews.
Now i am trying to make the name and the app match.
I got a design for a web dashboard a classic one from the internet and redisigned it using pen and paper to fit this project

0
0
26
Open comments for this post

@AFJ on My-hackpad

1h 49m logged

Devlog 1.
Whoof ! All steps are done in almost 2 hours.
The hardest part 3d modeling which that the guide was using Fusion 360 and Me tinkercad. Thank god its done now

0
0
5
Ship

@AFJ on Atomic-Habitizer

  1. What i made?
  • I made Atomic Habitizer(I read the book Atomic Habits recently 😅).
  • A simple habit tracking dashboard that help users build consistency through daily tracking and streaks.
  • It includes weekly habit tracking, individual streaks for each habit, a maximum streak accross all habits, a dynamic progress ring, habit categories, quick presets, and local data storage.
  1. The Most challenging part
  • One of them was making the streak system.
  • The other was the Progress ring it was an html svg design i saw in reddit but never knew how it worked till i worked on JS.

  1. The version one which was my very first ship and was very simple and humble project. I got many suggestion from reviewers So Im proud that I reached here.

  2. For Testing,

  • You should add a few habits and click the days in the weekly tracker to mark them complete.
  • You can check whether the streaks and progress calculations are working.
  • Then You can try to edit and delete the habit which will show my cute custiom popovers
  • You can check the quick presets are working or not
  • Note that the progress ring is based on current day’s habit completion and number of habits
  • 14 devlogs
  • 22h
  • 9.13x multiplier
  • 203 Stardust
Try project → See source code →
Open comments for this post

@AFJ on Atomic-Habitizer

2h 38m 16s logged

Pop ups and Presets are now perfected.
The preset are easy only pushing in-build objects into the array.
But the popups poped me they were tuff finally after some research i got the perfect custom popup logics for me

0
0
23
Loading more…

Followers

Loading…