DEV Community

Cover image for ๐ŸŒŸ Back After 3 Years: My First Full Stack App in 3 Days
Narayan
Narayan

Posted on

๐ŸŒŸ Back After 3 Years: My First Full Stack App in 3 Days

Itโ€™s been more than 3 years since I last posted, and Iโ€™m quietly excited to share a big step: I built my first full-stack app, MediTrack, in just three days during my companyโ€™s Vibe Coding challenge. As a data engineer with no app dev experience, this was a big deal for me, and Iโ€™m eager to tell you about it.

Whatโ€™s Vibe Coding? ๐Ÿ› ๏ธ
Itโ€™s a short, creative coding event where developers explore tools like Cursor, Replit, Gemini Code Assist, GitHub Copilot, and frameworks like Windsurf. The goal is to learn, build something useful, and share it with others.

I used Windsurf, which made building an app feel surprisingly doable.

๐Ÿ’Š Why MediTrack?

Missed a pill lately? I built MediTrack to help peopleโ€”seniors, caregivers, or anyoneโ€”stay on top of their medication schedules with ease.

โš™๏ธ My Tech Stack

MediTrack runs on Windsurf, a beginner-friendly full-stack framework with:

Next.js ๐Ÿ“ฑ: For seamless frontend and backend.

Prisma ๐Ÿ“Š: Easy database setup.

TailwindCSS + shadcn/ui ๐ŸŽจ: For a clean, simple design.

Clerk ๐Ÿ”’: For secure logins.

Windsurf handled the complex parts, letting me focus on features.

๐Ÿš€ What I Built in 3 Days

MediTrack is packed with practical features:

Secure Logins ๐Ÿ”: Dashboards for patients or caregivers.

Manage Meds โœ๏ธ: Add, edit, or delete meds with number-only fields for quantity, refills, and prescribed amounts.

Smart Suggestions ๐Ÿ’ก: Auto-suggests tablets, capsules, or syrups for common meds via dropdowns.

Auto-Formatting ๐Ÿ–Œ๏ธ: Medicine names in Title Case, dosage times as HH:MM.

Confirm Changes โœ…: Prompts when editing names or switching Taken/Missed status.

Track Doses ๐Ÿ“‹: Monitor quantity, refills, and prescriptions.

Weekly Reports ๐Ÿ“ง: Summaries sent via SMS or email.

User-Friendly ๐Ÿ˜Š: Clear interface for first-timers.

Mobile Support ๐Ÿ“ฒ: Works great on phones and tablets.

๐Ÿ“š What I Learned

This project taught me a lot:

  • You don't need to be a design expert to build a solid app.

  • Tools like Windsurf simplify complex tasks.

  • AI tools help, but your ideas make the difference.

๐ŸŒฑ Why This Matters

After three years away, building MediTrack was a personal win. Vibe Coding pushed me to step out of my data engineering comfort zone, and Iโ€™m proud of what I created. Itโ€™s rewarding to make something that could help people.

Thinking of trying Windsurf or Copilot? Start with a small projectโ€”itโ€™s worth it. Got an idea youโ€™re working on? Iโ€™d love to hear about it in the comments! ๐Ÿ’ฌ

Disclaimer: This was part of my companyโ€™s Vibe Coding challenge. All thoughts are my own.

Top comments (0)