Graduation Project Details

Graduation Project / Full-Stack Platform 2026

Sha8lny (شغلني)

A comprehensive, production-ready ecosystem connecting university students with internship and micro-freelancing opportunities to bridge the gap between academic education and the professional market.

Overall Team Lead Flutter ASP.NET Core Supabase Figma

Project Overview & Problem Solved

As computer engineering students, we experienced firsthand the struggle of transitioning from academic theory to professional industry. Sha8lny was conceived to solve this critical problem. The platform provides a streamlined, secure environment where students can build portfolios, display their tech skills, and apply to internships and freelancing tasks tailored specifically to their university profile. Simultaneously, employers gain direct access to verified student talent.

Dual-Client System Topology

The Sha8lny platform operates on a decoupled client-server architecture. It serves two distinct user groups through dedicated interfaces designed for their specific workflows:

Student Mobile Client (Flutter & Dart): Engineered with Clean Architecture standards (strict separation of Presentation, Domain, and Data layers) and Cubit for state management. Features offline data synchronization, QR payment scanning, real-time chats, and automated PDF resume generation.
Company & Admin Web Portal (React, Vite, TypeScript): Developed using shadcn/ui and Tailwind CSS. Employs TanStack React Query for declarative server state caching and React Context for secure authentication sessions. Allows companies to post opportunities and administrators to audit credentials.

Key Architectural Solutions

Multi-Party Escrow Verification Handshake: To prevent fraud, payments and training records are only released when both student and company confirm task completion (a three-way verification loop).
Role-Based Access Control (RBAC): Employs custom React route guards and profile completeness locks that redirect incomplete profiles to profile settings.
Reactive WebSocket Chat Channels: Connects clients in real time using PostgreSQL notifications and WebSockets, with built-in Orphaned Chat Recovery if connections drop.

My Leadership Role

Throughout this journey, I had the privilege and responsibility of serving as the Overall Team Lead & System Architect. Managing this project was an invaluable leadership experience that involved coordinating sprints, streamlining our software architecture, and aligning different disciplines to build a production-ready ecosystem.

I successfully managed and synchronized three key specialized tech teams:

The UI/UX Team: Coordinated the creation of user journeys, wireframes, and high-fidelity mockups in Figma, turning complex recruitment concepts into intuitive user interfaces.
The Frontend & Mobile Team: Guided the mobile developers in bringing designs to life into a smooth, high-performance cross-platform application using Flutter & Dart.
The Backend Team: Oversaw the development of a secure, highly scalable database layer using Supabase, Firebase (for FCM and authentication), and designed the RESTful API migration roadmap to ASP.NET Core 9.0.

Explore Showcase Repository

Institution

Alexandria Higher Institute of Engineering & Technology (AIET)

Timeline

9 Months (Sep 2025 - Jun 2026)

My Role

Overall Team Lead & System Architect

Team Size

8 Engineering Members

Deliverables

Flutter Mobile App, Marketing Landing Page, Employer Web Portal, Admin Dashboard, custom Design System

GitHub Repository

omarek386/Sha8lny

Development Process

Research & Requirements Analysis

Conducted extensive user research to understand requirements of students and recruiters. Designed database schemas, system architecture diagrams, and detailed wireframes to outline the comprehensive scope of the platform.

Architecture Setup & Design System

Initialized the database layer and backend integration. Created a unified Figma Design System to govern UI styling, typography, and interactive components. Structured the database schemas in Supabase and Auth brokers in Firebase.

Sprint Management & Core Coding

Managed code branches, code reviews, and sprints. Integrated the Flutter app with Supabase DB/Storage. Enforced Cubit state management on Flutter and React Query for web caching. Implemented student profiles, job recommendation algorithms, and real-time chat trackers.

Testing, Defense & Launch

Completed comprehensive integration testing across the mobile app and portals. Presented the final product to the AIET graduation discussion committee, which award the project the highest praise and an A+ evaluation.

Tools & Technologies

We selected a cutting-edge tech stack to ensure high performance, security, and scalability, coordinating workflows seamlessly across multiple platforms.