SkillSwap

SkillSwap is a MERN stack web platform designed to facilitate collaborative learning and skill development through peer-to-peer guidance. The platform emphasizes reciprocal knowledge exchange, industrial-grade security features, and user-friendly interfaces to create a dynamic learning environment.

Motivation

In today's fast-paced world, the acquisition of new skills is essential for personal and professional growth. However, traditional learning methods often lack interaction and dynamism. SkillSwap was created to address this gap by providing a platform where users can learn from each other's experiences in a collaborative and supportive community.

Features

• Peers' Connection: chat interface enable direct communication after connecting request and acceptance and hands-on guidance.
• Industrial Security Features: Utilizes Google OAuth 2.0 authentication and JSON Web Tokens (JWT) verification for database security.
• Rating and Feedback System: Users can rate and give feedback on guidance sessions, enhancing credibility and accountability.
• Responsive Layout: Ensures optimal usability across various devices for an enhanced learning experience.

Technologies Used

• Frontend: React.js, React Router, Context API, React-Bootstrap, Axios, React-Toastify, Socket.io-client.
• Backend: Node.js, Express.js, MongoDB (MongoDB Atlas), Mongoose, Socket.io, JSON Web Token (JWT), Passport.js.
• Deployment: Docker and Docker Compose
• Tools: Google Cloud Console (OAuth), MongoDB Compass, Postman, Docker, Docker Compose, VSCode, Git, GitHub.

Screenshots

See the screenshots of the project in the screenshots folder.

Installation

To run SkillSwap locally, follow these steps:

Prerequisites

1. For Google OAuth, know how to obtain the Google OAuth credentials and configure the redirect and allowed origins routes in the Google Cloud Console.
2. Know how to obtain the connection link of the MongoDB Atlas database.
3. For Nodemailer, you should know how to obtain the app password.
4. Familiarity with working on Node.js and React projects is required.

Clone the Repo

git clone https://github.com/AnujBag012/Skillswap.git
cd SkillSwap

Frontend Setup

cd Frontend; npm install

Create .env file in the frontend and write the following:

VITE_LOCALHOST = http://localhost:8000
VITE_SERVER_URL = <your deployment link>

Run frontend

npm run dev

The frontend will be running on http://localhost:5173

Backend Setup

cd ../Backend; npm install

Create .env file in the frontend and write the following: