Joined May 2024
- Tweets 910
- Following 56
- Followers 40
- Likes 1,538
368 Photos and videos
Pinned Tweet
15 Feb 2025
- User Management System (fullstack web application)
- a 5page authentication and authorization system to create/register, authenticate and manage users
github link : github.com/Coding-Robin001/u…
#30DaysOfLockIn #react #java #JWT #springboot #springSecurity
1
1
2
485
Feb 10
day 40 of FormMagik
needed to pause and reflect today, so i designed a journey tracker
so far:
-foundation (ux flows, schema) ✓
- auth (done, out of the way) ✓
- landin page ✓
- dashboard ✓
- builder ✓ (took about 3 weeks but it's solid)
#BuildInPublic #Nextjs15
3
32
Feb 10
up next:
- form details page ( why do we need a form details page again? )
- might redesign landing page, think I found a better idea
lost a bit of momentum but still on track. feels good to zoom out and revisit drawing board for a while
#BuildInPublic #Nextjs15 #FormBuilder
21
Feb 9
day 39 of FormMagik
form preview modal is live
what's working:
- modal overlay
- live form preview synced with canvas
- fully interactive inputs
click preview → see/test/interact with your live form before publishing
#BuildInPublic #Nextjs15 #FormBuilder
2
1
17
Feb 9
still need to write some integration tests for the preview modal but
All 4 builder states (core functionality of a form builder) now complete
#BuildInPublic #Nextjs15 #FormBuilder
1
102
Feb 6
day 38 of FormMagik
did some UX planning for the form preview modal
goal: show users exactly what their form looks like before publishin
expected flow:
- read fields frm global state
- render formComponent for each field
- display in modal overlay
#BuildInPublic #FormBui
2
1
23
Feb 6
8
Feb 5
Day 37 of FormMagik
the 3 main builder layout sections done and functional:
- Elements library
- Form canvas
- Properties panel
only 2 field types for now (textField, numberField), but the architecture is plug-and-play. adding more is straightforward
#BuildInPublic #Nextjs15
1
24
Feb 5
next up: Form preview modal (the 4th piece of the builder layout)
- already created wireframe sketch for the form preview modal > claude.ai/public/artifacts/e…
#BuildInPublic #Nextjs15 #FormBuilder
1
29
Feb 4
day 36 of FormMagik
added test coverage for properties panel:
- Integration tests (form state, updates, validation)
- schema validation tests (Zod)
- cleanups and refactorin
catching bugs early > fixing them later
#BuildInPublic #Nextjs15 #FormBuilder
2
15
Feb 3
day 35 of FormMagik
properties panel now finally functional
spent today makin inputs(label, placeholder etc) actually work:
- change handlers
- Zod for validation (easy & fast)
- error states & messages
- real-time updates on canvas
#BuildInPublic #Nextjs15 #FormBuilder
1
20
Feb 3
click field -> edit properties -> see changes on canvas instantly
TextField & NumberField fully interactive
#BuildInPublic #Nextjs15 #FormBuilder
1
12
Jan 28
day 34 of FormMagik
properties panel UI is live (design only for now)
still need to:
- wire up onChange handlers
- add validation logic
- update global state
but the canvas is finally looking like a real form builder✨
#BuildInPublic #Nextjs15 #FormBuilder
1
2
155
Jan 27
Day 33 of FormMagik
added to global context:
- updateElement() method (to modify field properties)
- selectedElement state (to track active field)
foundation for properties panel is ready
- next: wire up the UI.
#BuildInPublic #Nextjs15 #FormBuilder
1
1
9
Jan 26
day 32 of FormMagik
planning the properties panel(section C) implementation today
pattern is familiar:
- drag -> add to state -> render on canvas
- click -> mark as active -> extract properties from state -> render as editable inputs
straightforward enough
#BuildInPublic
1
12
Jan 26
paper sketching before writing code improves clarity for me
live link to implementation flow -> claude.ai/public/artifacts/f…
#BuildInPublic #Nextjs15 #FormBuilder
13
Jan 24
day 31 of FormMagik
delete element from canvas
- hoverin over a field on canvas shows a dark overlay with delete button -> click it -> field removed frm global state
- quick win since removeElement() already in the context. Just needed the UI trigger
#BuildInPublic #Nextjs15
13
Jan 21
day 30
canvas is comin alive
dropped fields now render as styled previews instead of placeholder boxes
each field shows:
- type
- placeholder
- helper text
not interactive, Just visual feedback while buildin
#BuildInPublic #Nextjs15 #FormBuilder
3
1
31
Jan 20
day 29 of FormMagik
set up React Context for global builder state
context holds:
- elements[] array (FormElementInstance)
- addElement() / removeElement() hooks
each element has id, type, & extraAttributes (label, placeholder, etc)
#BuildInPublic #Nextjs15 #FormBuilder
2
1
20
Jan 20
keeping it simple & lean for now. Will add more hooks like updateElement() and others when needed
#BuildInPublic #Nextjs15 #FormBuilder
1
3
11
Jan 19
day 28 of formMagik
hit the "local state isn't enough" problem today
my current flow works but form fields data need to be accessible from:
- canvas
- properties panel
- preview modal
prop drilling is always a bad idea so global state
#BuildInPublic #Nextjs15 #FormBuilder
1
1
184
Jan 19
options: Redux vs Zustand vs React Context ?
probably going with React Context ( simplicity no extra packages)
unless someone convinces me otherwise??
#BuildInPublic #Nextjs15 #FormBuilder
11