Live App: https://rgguttedarabhi-13110.bubbleapps.io/version-test SkillSwap — The No-Money Freelance Economy

What if you could get a website built, a logo designed, or learn to code — without spending a single rupee? That's SkillSwap.

SkillSwap is a skill-for-skill marketplace where people trade talent instead of money. A designer offers brand identity work in exchange for React development. A writer offers SEO copywriting in exchange for a logo. Zero payments. Zero middlemen. Pure human exchange.

Category: Marketplace

How I built it:

I started with a single prompt to Bubble AI — and let it generate the foundation. Pages, data types, core UI — all AI generated in minutes. I then took full creative control: designed a premium editorial system using Playfair Display typography, warm paper tones (#efe7d2), and coral accents (#ed6f5c). Every page heading has custom CSS animations built inside Bubble HTML elements. The Skill Board, Post a Swap form, Request Swap popup, and success flow all work end to end.

What works:

Browse 11+ real skill swap listings across 6 categories

Filter by Design, Development, Writing, Marketing, Video, Photography

Request a swap with a message — confirmation popup included

Post your own swap listing in under 60 seconds

AI suggested matches shown after every submission

The idea behind it:

Millions of people have skills but no money to hire. SkillSwap removes the financial barrier entirely. Talent becomes the currency. This is the future of collaborative freelancing.

Live App: https://rgguttedarabhi-13110.bubbleapps.io/version-test

See it. Experience it. Make your first swap.

What a concept and design I really love it

Meet The Sentry: a little security guard who lives inside your login screen. Instead of a standard progress bar, he acts as the UI's emotional feedback layer, reacting in real time to your password strength.

As you type, his posture tells you everything you need to know. A weak password literally puts him to sleep, while a medium one makes him snap to attention. Nail a strong password, and he stands proud with his arms crossed. When you finally hit login, he either gives you a crisp salute on a success, or goes into full panic mode on a failure. Mess up too many times? He completely locks you out with a firm "nuh-uh" attitude.

I designed the character from scratch in Adobe Illustrator, brought the layered SVG into Rive, and rigged him up using 4 bones and 7 distinct animations. The logic is all tied together with a state machine that listens to three specific inputs: a strength number, a success boolean, and a login trigger.

To ground the whole piece, I built out a sleek mobile UI mockup directly on the artboard—complete with a phone frame, text fields, and a login button. It places him right where he belongs: inside a living, breathing product, rather than just floating in an empty void. X Post : https://x.com/Haseeb47176936/status/2069391146011480149?s=20

this is so fun! make sure to include your Rive invite link or embedded URL for your build too :)