Pro
Gyen Abubakar
Senior Full-Stack Developer
Ready for work
Gyen is ready for their next project!
Recently, I shipped the core Links View for Peckr.me.
The goal was to replicate the utility of Dub.co’s interface while ensuring the code remains performant and maintainable.
List Items: I implemented a custom row component that renders the target URL, the short link, and associated metadata (timestamps and click stats) in a scan-able format.
Filtering & Search: The top bar includes the UI structure for filtering and display customisation, essential for power users managing hundreds of links.
Tagging System: Visual indicators for categorised links (e.g., the red tag pill) to allow for quick visual parsing.
It’s a clean, production-grade interface ready to be hooked up to the database.
Repo: https://github.com/gyenabubakar/peckr.me
0
11
Continuing the development of Peckr.me (http://Peckr.me) (my open-source link attribution platform).
I’ve been refining the authentication interface, specifically the Password Reset flow. Good frontend engineering isn't just about making things look good; it's about communicating state clearly to the user.
As shown in the shots, I’ve implemented the complete visual cycle:
Input State: Clean, distraction-free entry.
Error State: distinct visual cues for validation failures (length requirements, mismatching fields).
Success State: Immediate, positive feedback via toast notifications.
The focus here is on a precise implementation of the design system using React and Tailwind CSS to ensure the application feels responsive and trustworthy before any backend logic is even touched.
1
0
69
🚨 I have been working on Peckr.me, a link attribution platform, basically a clone of dub.co for the sole purpose of understanding what it takes to build a platform like it.
These screenshots are just how the app looks so far, no backend whatsoever. I plan on posting more updates as I make changes.
Tech stack:
⚛️ React
🗃️ TanStack Start
🔐 Better Auth
💿 Drizzle ORM
🚀 Cloudflare (Workers + AI, D1, ...)
🎨 shadcn-ui, Tailwind CSS
I have implemented more than these UIs and I plan to share more over the next few days.
Super pumped about the outcome so far and excited to see how it goes! 😁🔥
1
0
75
A critical component of any B2B platform is the onboarding experience. For Peckr.me, I’ve implemented a streamlined, multi-step wizard that handles the complexity of setting up a new tenant (Workspace).
As seen in the shots, this flow covers the essential pillars of a modern SaaS application:
Multi-tenancy Setup: Creating a dedicated workspace with custom branding and slug validation.
Monetisation: A clean pricing selection UI clearly distinguishing between Free and Pro tiers (handling monthly/annual logic).
Infrastructure Configuration: allowing users to provision custom subdomains immediately.
Role-Based Access Control: A team invitation system that supports granular permissions (Admin vs. Member) right from the start.
The goal was to reduce friction while capturing all necessary data to provision a fully functional workspace.
0
13