<Yassin/>
HomeAboutSkillsProjectsBlogContact
<Yassin/>

Building modern web experiences with passion and precision.

Navigation

  • Home
  • About
  • Projects
  • Blog
  • Contact

Connect

© 2026 Made with<3and code

Built with Next.js, React & Tailwind CSS

Projects

The Chair — Barbershop Landing Page
Organic

The Chair — Barbershop Landing Page

A premium barbershop landing page built for "The Chair", a fictitious neighbourhood barbershop established in 2009. Features a cinematic animated hero, a services & pricing grid, a curated photo gallery, team profiles, and a contact section with Google Maps integration. Built with a custom warm-dark aesthetic using Tailwind CSS design tokens and Framer Motion scroll animations.

ReactTypeScriptTailwind CSSFramer Motion
View Project
StudyDeck
45% AI

StudyDeck

This application addresses the growing need for effective learning tools by enabling users to create study decks with flashcards, facilitating spaced repetition for optimal retention. It offers features such as color-coded deck management and push notifications to remind users of their daily cards. With customizable light and dark themes, users can tailor their study environment to enhance focus and comfort. The result is a more efficient learning experience, leading to improved knowledge retention and mastery of the subject matter.

ExpoReact NativeTypeScriptTailwind CSS+5
View Project
Mistar - مسطار
Featured
70% AI

Mistar - مسطار

Mistar addresses a common problem with scanned arabic books: they look readable, but they are not truly usable. Most arabic scanned PDFs behave like images, making text selection, editing, search, font control, and reformatting nearly impossible. Mistar solves this by converting scanned Arabic books into structured digital documents using layout detection, OCR, and AI-assisted text correction, then giving users review tools to refine and export the final result into accessible reading form

ReactElectronTypeScriptVite+15
View Project
My Professional Portfolio
Featured
80% AI

My Professional Portfolio

A multilingual, AI-powered portfolio website featuring advanced content management and seamless user experience.

React 18SupabaseTailwind CSSOpenAI GPT-4+2
View Project
BloomFX
Organic

BloomFX

A Java-based UI task manager designed to help users organize tasks with a visually appealing interface.

JavaJavaFXFXMLCSS+2
View Project
NeuroCards
Featured
Organic

NeuroCards

A smart flashcard app powered by spaced repetition and built with modern web tech.

React 18TypeScriptViteTailwind CSS+8
View Project
ProxiMap
Featured
Organic

ProxiMap

An interactive platform connecting people with local services like cleaning, tech support, or consultations.

ReactNode.jsExpress.jsMongoDB+2
View Project
ArlesXAgenda
Organic

ArlesXAgenda

A web app for viewing events in Arles with filtering and map support.

ReactReact-leafletReact-router-domuseState+3
View Project
ArchiveUmWeb
Organic

ArchiveUmWeb

An internal web platform to archive and consult job descriptions and professional interviews using MongoDB and Vaadin UI.

Spring BootVaadinMongoDBITextPDF+2
View Project
PlanUM
Organic

PlanUM

A weekly planning app built with Vaadin to help employees submit their availability and managers validate their schedules.

JavaVaadinSpring BootMaven
View Project