Home
Contact
Blog
Playground
AboutProjectsEducationExperienceContact
Ziane Badr Eddine

Ziane Badr Eddine

Software Engineering Student & Full-Stack Developer

Settat, Morocco

About Me

Hey there. I'm Ziane — a Full-Stack developer based in Settat, Morocco, currently building modern web applications while finishing my engineering degree in Computer Science.

4th-year engineering student at FST Settat, and creator of waves-cn and StoryCareer.

Skills

Full-Stack Development

React & Next.js

API Design

Backend Development

Docker & CI/CD

Database Design

Cloud Deployment

UI Development

REST & GraphQL APIs

System Architecture

PROJECTS

0 projects

A selection of projects I've built

From e-commerce platforms to real-time apps — here's what I've shipped and what I'm currently working on.

Waves-cn

Waves-cn

A shadcn/ui-style collection of waveform components for audio and video interfaces, built on wavesurfer.js. Copy, own, and fully customize each component — including a player, recorder, timeline, zoom, and video-sync module.

StoryCareer | Share your stories.

StoryCareer | Share your stories.

A creative platform where users can share and explore inspiring personal stories within a supportive community.

Pick Them

Pick Them

The ultimate sports prediction game — challenge friends, predict match outcomes, and climb the leaderboard across multiple tournaments. Built with authentication, real-time data, and a polished UI.

Blog Platform

Blog Platform

A tech and development blog delivering recent articles, tutorials, and trend insights, built with a modern full-stack architecture.

MaintInsight

MaintInsight

An industrial maintenance tracking platform that centralizes sites, plants, workshops, and equipment. Teams run field inspections, monitor equipment health status, and generate daily PDF reports to catch drift early and prioritize corrective actions.

TurathNa

TurathNa

The first NFT platform dedicated to Moroccan artisanal heritage. Artisans can tokenize, showcase, and sell their handcrafted work as NFTs — preserving cultural traditions while opening new economic opportunities, with a marketplace, verified artisan profiles, and full authentication.

Education

My academic journey

From high school to a computer engineering degree — the path that shaped my foundation in mathematics, physics, and software development.

2024–Present

Engineering Degree in Computer Science

Faculté des Sciences et Techniques, Settat

Engineering Degree in Computer Science

2021–2024

DEUST — Mathematics, Computer Science & Physics

Faculté des Sciences et Techniques, Settat

DEUST — Mathematics, Computer Science & Physics

2022

Baccalaureate in Physical Sciences

Razi High School, Settat

Baccalaureate in Physical Sciences

Certifications

AWS Academy Graduate — Generative AI Foundations

AWS Academy · May 2026

Next.js App Router Fundamentals

Vercel · August 2025

Experience

Internships & technical involvement

Hands-on experience from academic and industry internships, alongside active participation in competitive programming, hackathons, and innovation challenges.

Full-Stack Developer Intern — MaintInsight
Full-Stack Developer Intern — MaintInsight

Aug 2026 - OCP Jorf Lasfar

  • •Built MaintInsight, an industrial maintenance tracking web app for the OCP Jorf Lasfar platform.
  • •Centralized sites, plants, workshops, and equipment into a single referential system.
  • •Implemented field inspection workflows with health-status tracking (good, acceptable, alert, alarm, stopped).
  • •Built daily/24h PDF report generation and role-based access control (admin, manager, inspector).
Frontend Developer — Medical Report Extraction (Academic Project)
Frontend Developer — Medical Report Extraction (Academic Project)

Jul — Aug 2025 - FST Settat - Paired with Ezzahhany Yassine

  • •Built the frontend for a web app that extracts structured medical data from unstructured PDF reports.
  • •Implemented secure authentication (JWT), PDF upload with drag-and-drop, and inline PDF viewing.
  • •Displayed extracted results as structured, syntax-highlighted JSON with report history.
  • •Collaborated with a backend team using FastAPI, MongoDB, and an LLM-based extraction pipeline.
Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.

Contact

Let's build something together

Have a project in mind, an internship opportunity, or just want to talk tech? I'm always open to new conversations.

Navigation

  • Home
  • About
  • Projects
  • Contact

Explore

  • Experience
  • Education
  • Activities

Blog

  • Why I Chose Opaque Tokens Over JWT for My Spring Boot API
  • Java Interview Questions & Answers — My Prep Notes
  • TanStack Query — The Complete Crash Course
  • Motion (ex Framer Motion): Animations, UX, and Performance
  • Why I Stopped Optimizing Early
  • Is Bun Ready for Production in 2026?
  • React vs Vue in 2026 — An Honest Comparison
  • All posts

Language

Connect

GitHub
LinkedIn
Email

Ziane Badr Eddine.