Continuing the development of Peckr.me (http://Peckr.me) (my open-source link attribution platfor...Continuing the development of Peckr.me (http://Peckr.me) (my open-source link attribution platfor...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Gyen's avatar
Gyen Abubakar
• Dec 26
Continuing the development of 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.
Tailwind CSSwebFrontend DevelopmentReact
Post image
Post image
Post image
Post image
Gyen's avatar
Gyen Abubakar
• Dec 26
💻 Source Code: You can explore the frontend implementation in the repo: 👉 https://github.com/gyenabubakar/peckr.me

github.com

GitHub - gyenabubakar/peckr.me

Contribute to gyenabubakar/peckr.me development by creating an account on GitHub.

Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started