Skip to content

anshvermadev/SkillXChange

Repository files navigation

πŸ”„ SkillXChange – A Skill-Swapping Platform

Exchange Skills. Learn Together. Grow Together.

πŸ”—Live Demo

🌐 Overview

SkillXChange is a web-based platform that empowers users to swap skills and services directly β€” without involving money. It helps connect individuals based on skills and learning needs for mutual collaboration and growth.


πŸš€ Features

  • πŸ” User Authentication – Secure Firebase login & registration
  • 🧭 Dynamic Routing – New users β†’ profile setup, returning β†’ dashboard
  • 🀝 Skill Matchmaking – Send/receive requests based on listed skills
  • πŸ’¬ Live Chat – Real-time messaging for matched users
  • 🧭 Responsive Navbar – Navigation adjusts based on login status
  • πŸ› οΈ Admin Control Panel – Admin access via pre-approved UIDs

πŸ‘¨β€πŸ’» Team Members

Name GitHub
Mit Gandhi @Mit-Gandhi
Rishit Srivastava @rishitsrivastav
Ansh Verma @anshvermadev

🧰 Tech Stack

πŸ–₯️ Frontend

Technology Logo
React.js
Vite.js
Tailwind CSS
Firebase Auth

πŸ—„οΈ Backend

Technology Logo
Firebase Firestore

πŸ› οΈ Installation & Setup

πŸ“¦ Clone the Repository

git clone https://github.com/anshvermadev/SkillXChange.git
cd SkillXChange

▢️ Start the Frontend

npm install
npm run dev

⚠️ Ensure your Firebase project credentials are set correctly in .env file


πŸ”„ System Workflow

πŸ‘€ User Authentication

  • New users go to /profile-setup to complete name, skills, interests
  • Returning users go to /home after UID + profile validation
  • Admin access checked using UID whitelist

🧭 Navbar Logic

State Left Center Right
Logged Out Logo + App Name – Login / Signup
Logged In Logo + SkillXChange Requests, Messages Profile Pic + Name + Logout

🀝 Skill Exchange

  • Users browse available skills
  • Send/receive requests for swaps
  • Manage accepted or pending exchanges

πŸ’¬ Chat System

  • Each accepted exchange opens a dedicated chat room
  • Messages are stored in Firebase Firestore with timestamps

πŸ›‘οΈ Admin Access

  • Admin dashboard available to pre-authorized UIDs
  • View all users, exchanges, and handle reports

πŸ“Έ Preview

1

2

3

4

5 6

πŸ’‘ Contribution & Support

We welcome contributions, feature suggestions, and bug reports!
Feel free to fork the repo and open a Pull Request πŸš€


About

Peer-to-peer skill-swapping platform - match with others based on skills, send exchange requests, and chat in real-time. No money, just mutual growth. Built with React, Firebase & Tailwind CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages