- User Management System (fullstack web application) - a 5page authentication and authorization system to create/register, authenticate and manage users github link : https://t.co/6gtp0XZlnD #30DaysOfLockIn #react #java #JWT #springboot #springSecurity

day 9 spent an hour trying out names for my formBuilder app - Formidify? lol - formSmith? nope - formMagik? hmm - fieldly? settled on formMagik (subject to change anytime depending on vibe shifts or inspiration hits) #formBuilder #Nextjs15 #DevLog

- setup server action files (central place for API logic ) - added a global-error.tsx error boundary -> last line of defense if the app crashes should make features easier to add without issues/drama #formBuilder #Nextjs15 #devlog

day 8 focused on project structure today - small things, but I wanted a clear mental map before writing any major code so i : - defined layouts and routes for core pages - organized component folders (reusable vs feature-specific) #formBuilder #Nextjs15 #devlog

day 7 Took a break today - it’s my birthday 🎉😃 Back to building tomorrow #formBuilder #Nextjs15

- feels good getting authentication out of the way so early so I can focus on actual project logic template came in clutch! #formBuilder #Nextjs15

day 6 project setup & auth foundations - set up the initial FormBuilder codebase - cloned my Next.js 15 + Better-Auth starter template -> https://t.co/FPdfKAnfIs) - already has auth wired in it - just had to connect Prisma + PostgreSQL and set env vars #formBuilder #Nextjs15

- both form content[] & formSubmission data have dynamic/unpredicatable structure, so storing them as JSON (string) feels like the right approach #formBuilder #Nextjs15

each formSubmissions: -belongs to a single Form -stores submitted answers as JSON (string) -created on every form submit clear relational binding btw Form & FormSubmission #formBuilder #Nextjs15

day 5 still on data modelling - designed my form & formSubmission schemas using Prisma each form: - is owned by a user - stores form structure as JSON(string) - tracks visits & submission count - exposes a public, shareable URL - accept many FormSubmissions #formBuilder

How pages interact with the data: - dashboard → read forms + stats - formDesigner → write form content+ metadata - formDetails → read stats + submissions - formSubmission → write submissions + updates counts - preview modal → render form content #formBuilder #Nextjs15

day 4 did some rough data modelling - focusin on what type of data exists & how each pages reads/writes it - app revolves around 2 main entities (form & formSubmissions) - users can create, edit, share/publish forms, collect submissions #formBuilder #Nextjs15

- really nice having my entire full-stack app living in one place/app. - less friction & context switching. its very convenient! #formBuilder #Nextjs15

day 3 locked-in my tech stack - frontend/UI -> Next.js 15 + TypeScript, TailwindCSS -Auth → Better-Auth -ORM → Prisma - Drag & Drop functionality → DND Kit - API layer → Next.js Server Actions - Database → PostgreSQL #formBuilder #Nextjs15

- dashboard ➝ formDesigner (after creating a formObject) - formDesigner ➝ FormDetails (after editing & saving the form) - FormDetails ➝ FormSubmission Page (public/shareable link users can fill & submit) simple & logical #formBuilder #Nextjs15

day 2 -did some basic UX flow sketching - basically a simple flow of how user navigates through app - landing page ➝ login (user has to authenticate) - after login ➝ dashboard (shows form stats + forms list + “create new form” button) #formBuilder #Nextjs15

formDesigner page (main drag & drop form builder happens here) - formDetails (info + submissions for a specific form) -FormSubmission page (public/shareable link users can fill & submit) - formPreview ( component/modal rather than full page ) #formBuilder #Nextjs15

day 1 - spent day1 mapping out core structure of my form builder app - starting with breakdown of main pages main pages: - landing page (intro + CTA) - Auth(Sign-in/sign-up) - FormStats dashboard (all created forms + basic stats) #formBuilder #Nextjs15

- hope to post daily updates of progress, thought process, realizations, and basically any need-to-knows concerning project - daily updates also for accountability purpose but no strict deadlines - goal is to lock-in but no pressure cool #formBuilder #Nextjs15

found my next project a FormBuilder web app with Drag & Drop functionalities - complex but nothing too crazy/chaotic - feels perfect for my current level - https://t.co/My5g4AcjBR & https://t.co/83SON341B0 as inspirations #formBuilder #Nextjs15

-fully styled Auth pages -simple Dashboard showing user info - basically a production-ready auth foundation for any SaaS app - github repo: https://t.co/FPdfKAnfIs - clone, set environment variables(.env) + plug database... and BOOM! auth done! #NextJS #PostgreSQL #Prisma