Skill Swap Platform

Problem Statement:

Overview: Develop a Skill Swap Platform — a mini application that enables users to list their skills and request others in return

Features:

• Basic info: Name, location (optional), profile photo (optional)
• List of skills offered
• List of skills wanted
• Availability (e.g., weekends, evenings)
• User can make their profile public or private.
• Users can browse or search others by skill (e.g., “Photoshop” or “Excel”)
• Request & Accept Swaps:
  • Accept or reject swap offers
  • Show current and pending swap requests
• Ratings or feedback after a swap
• The user is also able to delete the swap request if it is not accepted.

Approach Taken

• We adopted the MERN stack (MongoDB, Express.js, React, Node.js) to build this platform.
• The backend is a RESTful API built with Node.js and Express.js, and it handles all the business logic and data storage.
• The frontend is a single-page application (SPA) built with React, which provides a dynamic and responsive user experience.
• We used a component-based architecture in React to create reusable UI elements and ensure a clean separation of concerns.
• For styling, we used Tailwind CSS to rapidly build a modern and consistent user interface.

Tech Stack

• Frontend: React, Vite, Redux, Tailwind CSS, Shadcn
• Backend: Node.js, Express, MongoDB

How to Run

Backend

1. Navigate to the backend directory:

   cd backend

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Frontend

1. Navigate to the frontend directory:

   cd frontend

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Team Members

• Anurag Kodle - [email protected]
• Anurag Verma - [email protected]
• Ujjawal Patidar - [email protected]
• Eshaan Sharma - [email protected]

Future scope

• Chat Between users

Future scope

• Chat Between users

Featured Screenshots