SkillSwap

A peer-to-peer platform where people teach what they know and learn what they love — no money, just mutual growth.

Comment

Inspiration

The idea for SkillSwap came from observing the growing need for accessible, affordable learning opportunities—especially for students and creators who may not have the financial means to pay for traditional courses. We wanted to create a system where people could exchange skills directly, making learning a community-powered experience rather than a transaction.

What it does

SkillSwap is a web-based platform that allows users to: Offer a skill they can teach Request a skill they want to learn Automatically match with others based on mutual skill exchange Explore a community board of learners and teachers View available skill offers and pending requests There’s no monetary exchange — just skill for skill.

How we built it

We built SkillSwap using: HTML, CSS, JavaScript for frontend logic and UI LocalStorage API for client-side data persistence A modular structure with pages like index.html, requests.html, offer.html, offers.html, and community.html A centralized JavaScript file (script.js) for managing form logic, matchmaking, and live updates across all views

Challenges we ran into

Data consistency across pages using localStorage required careful logic for status updates and match verification. Managing edge cases like duplicate entries, users offering but not requesting skills, and mismatched status tracking. UI clarity — ensuring users could clearly understand what actions to take and how matches work without confusion.

Accomplishments that we're proud of

The importance of designing user flows before coding — especially for matchmaking How to effectively use localStorage to simulate real-time app interactions How even simple tech can solve real-world problems if built with clarity and empathy UI/UX plays a huge role in whether users feel confident using the platform

What we learned

The importance of designing user flows before coding — especially for matchmaking How to effectively use localStorage to simulate real-time app interactions How even simple tech can solve real-world problems if built with clarity and empathy UI/UX plays a huge role in whether users feel confident using the platform

What's next for SkillSwap

Add user authentication and profiles (e.g., via Firebase or Supabase) Integrate messaging or scheduling for skill sessions Enable search and filters for skills and experience levels Move from localStorage to a real backend (e.g., Node.js + MongoDB) to support scalability Add ratings and reviews for community trust Launch it as a fully deployable platform on Vercel or Netlify

Built With

Share this project:

Updates