SkillExchange

Skill Exchange

SkillExchange: Learn, Teach, Grow

Inspiration:

We were inspired by the idea that everyone has something valuable to teach and learn, but there’s often no easy way to connect with the right people. Formal education can be expensive, and online courses lack personalised feedback. We wanted to create a community-driven solution where learning is free, interactive, and social—a platform that enables peer-to-peer skill-sharing within local and global communities.

What We Learned:

This project taught us a lot in a short time! Some key takeaways

Technical Skills: We learned how to integrate Firebase Authentication, Firestore for real-time data storage, and Google Sign-In.
Teamwork & Collaboration: Dividing tasks efficiently (frontend vs backend) and managing version control with GitHub were crucial.
The Power of Community: We realized that building a strong network is just as important as building a good product.

How We Built It

Tech Stack:

Frontend: React (TypeScript) + Tailwind CSS
Backend: Firebase (Firestore for database, Auth for user login, Cloud Functions for automation)
Hosting & Deployment: Replit

Tools Used: GitHub, VS Code, Vite

Core Features We Implemented:

Google Sign-In Authentication (Firebase Auth)
User Profiles (Bio, Skills Offered, Skills Wanted)
Skill Matching System (Find compatible learners/mentors)
Real-time Match Requests (Accept/Reject skill exchanges)
Direct Messaging (Live chat for confirmed matches)

Challenges We Faced:

Syncing Development Across the Team – We were all new to React & Firebase, so setting up a smooth workflow was a learning curve.
Debugging Firestore Permissions – Some Firebase security rules initially blocked access to data until we properly configured them.
Ensuring a Seamless UI/UX – We wanted the platform to feel clean and intuitive, which required iterating on design choices and fixing frontend layout issues.