SkillBridge

Enhancing Student Employability Through a Campus-First Micro-Task and Portfolio Platform

Project Overview

SkillBridge is a campus-first web platform designed to help university students gain practical experience while studying.

The platform allows students to complete structured micro-tasks, receive peer and mentor feedback, and generate verified portfolio artifacts.

The goal of SkillBridge is to bridge the gap between academic learning and real industry expectations.

Key Features

• Student registration and profile management

• Micro-task creation and submission

• Peer review and mentor feedback system

• Portfolio artifact generation

• Reputation and activity tracking

• Dashboard for monitoring progress

Project Architecture

This project follows a modular full-stack structure:

apps/

├── backend/ # Node.js server and API

└── frontend/ # React + Vite + TypeScript client

🔹 Backend

• Node.js

• Express

• REST API

• JSON-based data handling

Main file:

server.js

🔹 Frontend

• React

• TypeScript

• Vite

Modular folder structure

Key folders:

src/

├── api/

├── components/

├── layouts/

├── pages/

├── routes/

├── schemas/

└── context/

Technologies Used

🔹 Frontend

• React

• TypeScript

• Vite

• Tailwind CSS

• Other importent Libraries

🔹 Backend

• Node.js

• Express

• Development Tools

• VS Code

• Git

• GitHub

• ESLint

Installation and Setup

1️ Clone the repository

• git clone "https://github.com/Z-Coding-dot/Skill_Bridge.git"

• cd skillbridge

2️ Setup Backend

• cd apps/backend

• npm install

• npm start

3️ Setup Frontend

Open new terminal:

• cd apps/frontend

• npm install

• npm run dev

Development Workflow

• Create a new branch

• Implement feature

• Test locally

• Create pull request

• Review and merge

Team Members

Muammar Tajwar Ariq – Backend logic and API development

Ziaulhaq Parsa Karimi – Frontend UI and interaction design

Mustafa Kamal Zada – Documentation, system analysis, feature planning

Supervisor: Kamila Batkuldinova

Astana IT University – 2026

Project Status

• Literature review completed

• Survey conducted

• System architecture designed

• MVP development in progress

License

This project is developed for academic purposes as part of a Bachelor’s Diploma Project at Astana IT University.