Badr

Projects

Every project here started as a written spec. Each one has a case study covering the problem, the approach, the hardest part, and how it turned out.

  1. 01

    Y2Notion

    Converts YouTube videos into structured Markdown summaries using AI, with one-click save to Notion.

    Problem
    I use YouTube a lot and sometimes come across useful information I want to save for later. My usual workflow was copying the transcript, pasting it into AI for a summary, and then saving it to Notion, but after doing this many times, I decided to build a tool that automates all three steps.
    Result
    By pasting a URL, Y2Notion generates a concise Markdown summary with the option to save it directly to Notion. It does exactly what I envisioned, and I use it myself every time I need a video summarized.
    Next.jsGroq APINotion APITypeScriptSupadata
  2. 02

    Hairsalon booking

    Reservation system with email confirmations and a protected barber dashboard.

    Problem
    Many barbers handle appointments manually through WhatsApp or phone calls. This works for a small number of clients, but becomes difficult to manage as bookings grow. It's also inconvenient for the customer, who has to call during opening hours and wait for a confirmation. A reservation system solves both problems.
    Result
    The end result is a fully working reservation system with an intuitive protected dashboard. Customers can book their preferred timeslot, and the barber receives a notification with the details. From the dashboard, the barber can view all reservations, filter by status or date, and cancel bookings when necessary.
    Next.jsSupabaseResend
  3. 03

    Warehouse Insights

    Real-time KPI dashboard with live order tracking and instant notifications.

    Problem
    Most warehouses work with multiple disconnected systems for managing orders and inventory. This spreads data across different locations, making it difficult to get a clear overview or perform actions like updating stock when an order is placed. Warehouse Insights solves this by bringing everything into one real-time dashboard.
    Result
    Warehouse Insights ended up better than expected, a real-time dashboard that gives warehouse managers a clear, centralized view of their operations. The application is cleanly structured under a /dashboard route with an intuitive sidebar for navigating between overviews, making it easy to monitor stock, track orders, and act on live notifications.
    Next.jsPusherAuth.js