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
developed this project using React Native for WAAFI (wanofi.et), a web platform that provides a structured service and navigation menu for accessing different digital solutions. The platform is designed to present company information and services in a clear, user-friendly interface, improving accessibility and organization of online content for users
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
Related posts
BOND - Verified Connection App for College Students
A mobile-first connection platform solving the dating app crisis through
verification-first design and intelligent matching.
🎯 The Problem:
College students struggle with dating apps filled with bots, paywalls,
and shallow matching that doesn't work.
✨ The Solution:
BOND introduces three matching modes:
Connect (interest-based matching)
Vibe (personality compatibility)
Collab (project partnerships)
All verified members, no bots, real connections.
🛠️ Built With:
Figma for design system & components
Figma Make for code generation
React + Next.js for frontend
Supabase for backend & real-time messaging
Tailwind CSS for styling
📊 Design System:
Professional color palette (#2E7D99, #FF6B6B, #4ECDC4)
Complete typography system
20+ reusable components
8 fully designed screens
🚀 Features:
✓ Email/password authentication
✓ Profile setup with photo uploads
✓ 3 intelligent matching modes
✓ Swipe-based discovery interface
✓ Real-time messaging
✓ Match notifications
✓ User settings & preferences
✓ Verification system
Timeline: Built in 2 weeks for Config Makeathon using Figma's AI tools.
Made for the Config Makeathon with Figma Make, Figma Agent, and Supabase.
Live Website: https://cursor-growl-93665217.figma.site/
Twitter/X Post Link: https://x.com/SurajShah2005/status/2065863278753112486?s=20
LinkedIn Post Link: https://www.linkedin.com/posts/surajshahofficial07_configmakeathon-figmadesign-productdevelopment-ugcPost-7471627931799154688-7A_a/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAE6M-BoBcHgroi8LWoEfIjzjeEdSSOeNp8k
#ConfigMakeathon #FigmaMake #ProductDesign #AppDesign #DesignToCode
#UIUXDesign #Startup #React #IndieHacker #AppDevelopment #TechInnovation
#FrontendDevelopment #Supabase #AIDesign #NoCode
Incredible!
I help turn static interfaces into interactive experiences.
A few recent UI and web interactions.
Rive is so underused for these kinds of packaged product moments. The gift box opening with that lid hinge physics is exactly the kind of micro-interaction that makes e-commerce feel premium. Do you typically hand these off embedded in web or as Lottie exports?
My open development process is now moving forward with mobile interactions and polishing.
I’m trying to keep the website as interactive on mobile as it is on desktop, using different ways to keep users engaged and attracted.
Great work! ✨
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?