The Full Pulse: My 3-Weeks Journey Building Nabd — From Foundation to Mastery
Hey Skool family! 👋 I’ve officially hit 100% completion on my 3 Weeks: Mastery goals! It’s been an intense ride, but looking back at where this started vs. where it is now feels incredible. The Mission: Why "Nabd-نبض"? In Arabic, "Nabd-نبض" means pulse. My goal was to build a bridge between hospitals in need and donors ready to help. I wanted a system that didn't just store data but acted on it automatically during emergencies. Week 1: The Foundation 🏗️ Everything started with the basics. I focused on: - Automation Principles: Understanding how to move data without manual work. - UI/UX with AI: Using AI-assisted coding to build a high-converting landing page and hospital dashboard using React and Tailwind CSS. - First Win: Deploying the first version of the project and seeing the ""Nabd-نبض"" theme come to life. Week 2: The Integration (and the Struggles!) 🔗 This is where things got "real"—and a bit messy. - Database Power: I integrated Supabase to manage donor registrations and hospital authentication. - The "Submission Failed" Glitch: I hit my first major roadblock when the blood request form kept failing. - Learning to Debug: I spent hours on the "Debug an integration failure" task, eventually fixing Row Level Security (RLS) and Webhook mapping issues. It was frustrating, but it was the best way to learn how the backend actually talks to the frontend. Week 3: Mastery — The "Brain" is Born 🧠 The final week was about scaling up to a production-ready app. - The 5-Step Automation: I built a complex scenario in Make.com that handles the entire life cycle of a blood request: - Final Polishing: i will review a tricky 404 error on the donation centers map to ensure the UI was flawless. The Tech Stack Summary 🛠️ - Frontend: React, Tailwind CSS, Lucide Icons (HeartPulse, Droplets, Activity). - Backend: Supabase (Auth, Real-time Database, Edge Functions). - Automation: Make.com (Webhooks, Multi-App Workflows). - Documentation: Gamma AI.