🔁 Skill Swap Platform

A web-based application where users can offer and request skills from others — making collaborative learning and peer-to-peer skill exchange seamless and efficient.

🌐 Live Demo

Coming soon...

📌 Problem Statement

Build a Skill Swap Platform that allows users to:

• List the skills they can offer
• Request skills they want to learn
• Connect with others based on mutual interest
• Accept, reject, or delete swap requests
• Leave feedback post-swap

This project was built as a part of a hackathon with a focus on real-time collaboration, dynamic searchability, clean UI, and modular backend architecture.

🚀 Features

• 🔒 JWT Authentication
• 👤 User Profiles with optional photo & location
• 🧠 Add offered and requested skills
• 🔍 Search users by skill
• 📅 Set availability (e.g., evenings, weekends)
• 🔁 Send/accept/reject/delete swap requests
• 🌟 Leave feedback after a completed swap
• 🧭 Public/Private profile toggle
• 📱 Responsive design

⚙️ Tech Stack

• Frontend: React.js, React Router, Context API, Plain CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Auth: JWT
• Other: Postman (API testing), Cloudinary (for profile photo upload - optional)

🗂️ Folder Structure

skill-swap-platform/
├── client/             # React frontend
│   ├── public/
│   └── src/
│       ├── components/
│       ├── pages/
│       ├── context/
│       └── App.js
├── server/             # Express backend
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── middleware/
│   └── server.js
├── README.md
└── .env

📥 Installation & Setup

1. Clone the repo

   git clone https://github.com/your-username/skill-swap-platform.git
   cd skill-swap-platform

2. Backend Setup

   cd server
   npm install
   npm start

3. Frontend Setup

   cd client
   npm install
   npm start

4. .env Sample (server)

   MONGO_URI=your_mongodb_connection_string
   JWT_SECRET=your_jwt_secret
   

📸 UI Mockups

Refer to the attached mockup image file for the core screen layouts.

🧪 Evaluation Criteria Mapping

Criteria	Covered In Codebase
Database Design	Modular MongoDB models with references and validation
Coding Standards	Reusable components, JWT auth, centralized error handling
UI/UX	Responsive layout, search, filtering, proper contrast
Team Collaboration	Clear code separation and modularity for collaboration

👥 Team Members

• Deep Das – Backend + Integration
• Kavisha Vaja – Frontend + UI/UX
• Kuruv Patel – Fullstack + API Design

---

🛠 Built with ❤️ for the Hackathon.