Full-Stack Software Engineer

Curious by nature.
An Engineer
by choice.

I'm Safwen, a Full-Stack Software Engineer. I build modern web products with care for the details users notice and the architecture they don't.

Safwen Ben Mabrouk
Next.js
React
TypeScript
NestJS
+

Years Studying & Building

+

Projects Built

+

Core Technologies

∞

Lines of Code

Tech Stack

Full-stack, AI, and DevOps the tools I use daily

React
Next.js
Node.js
NestJS
TypeScript
PostgreSQL
MongoDB
Prisma
Python
Docker
Git
Tailwind
02Get to know me / About Me

More than
just a developer.

I enjoy turning complex ideas into software that solves real problems. Whether it's building a full-stack application, working with AI, or figuring out how different parts of a system fit together, I enjoy understanding the problem and building the right solution.

I work across frontend, backend, databases, and AI, which helps me approach projects as complete systems rather than just a collection of features. I care about writing maintainable code, making thoughtful technical decisions, and building products that are genuinely useful.

I'm always exploring new technologies, experimenting with ideas, and looking for better ways to build.

“Think deeply. Build thoughtfully. Keep improving.”

What I Enjoy

  • Software Engineering
  • Web Development
  • AI & Machine Learning
  • Problem Solving
  • Design & Creativity
03DEVELOPMENT PROCESS

From Idea to Production

From understanding the problem to delivering a reliable product ready for real users.

SWIPE TO EXPLORE
01

DISCOVERY

Understand

GoalsRequirementsUser Needs
02

ARCHITECTURE

Plan

SystemDataAPI
03

EXPERIENCE

Design

UI / UXUser FlowResponsive
04

DEVELOPMENT

Build

FrontendBackendFeatures
05

CAPABILITIES

Integrate

Smart FeaturesServicesReal-time
06

QUALITY

Validate

TestingSecurityReliability
07

DELIVERY

Ship

VersioningAutomationDeployment

PRODUCTION

Live

DeployedReady
IDEABUILDSHIP
Built for production
04

Things I've Built

Selected projects in full-stack development, AI, and software engineering.

01

DocuMind — AI Document Management Platform

DocuMind — AI Document Management Platform

Full-stack SaaS platform for teams to organize, search, and collaborate on documents. Features a RAG pipeline for AI-powered chat grounded in your actual files, hybrid vector + full-text search, real-time collaborative editing and granular RBAC across workspaces.

Next.jsNestJSPostgreSQLpgvectorRAGSocket.IOStripeDockerCI/CD
02

Tabibi — Medical Teleconsultation Platform

Tabibi — Medical Teleconsultation Platform

Telemedicine app with live video consultations, online booking and Stripe payments, medical records, email reminders, and dedicated dashboards for patients, doctors and admins.

ReactNode.jsExpressMongoDBPeerJSStripeSendGrid
03

AutoValu — AI Car Price Analyzer

AutoValu — AI Car Price Analyzer

AI-powered platform to estimate used car prices in Tunisia, detect deal quality, and generate smart counter-offers. Includes an admin dashboard for monitoring usage and system stats.

Next.jsTailwind CSSFastAPIPythonXGBoostKNN
04

OneSet — Full-Stack E-Commerce Platform

OneSet — Full-Stack E-Commerce Platform

A complete e-commerce platform for gaming and desk setups with real authentication, cart, checkout, and an admin dashboard, plus a budget-based setup builder, compatibility checker, and natural-language product search.

Next.jsNestJSPostgreSQLPrismaStripeZustand
05

Tanit Bank - Full-Stack Banking Platform

Tanit Bank - Full-Stack Banking Platform

Full-stack retail banking platform with ACID-safe money transfers, idempotency keys and an exact-decimal ledger that always balances. Features a public loan simulator, a loan approval workflow with debt-ratio checks, debit cards with spending limits, verified PDF statements, rotating-token auth with role-based access and an admin back office.

Next.jsNestJSPostgreSQLPrismaTypeScriptTailwind CSSRechartsJWTCI/CD
06

AcademyX — LMS E-Learning Platform

AcademyX — LMS E-Learning Platform

A full-stack e-learning platform where instructors publish chaptered video courses and students track progress in real time. Built and redesigned solo: custom UI, Mux video pipeline, Stripe payments, and a public landing page for course discovery.

Next.jsTypeScriptPrismaMySQLClerkMuxStripeTailwind CSS
07

OnlyChat — Real-Time MERN Chat App

OnlyChat — Real-Time MERN Chat App

Full-stack chat with live messaging, typing indicators, read receipts, reactions, photo sharing, 10 themes and a secured Express and Socket.IO backend.

ReactNode.jsExpressMongoDBSocket.IOTailwind CSS
08

Cairn — Kanban task manager

Cairn — Kanban task manager

Kanban task manager with drag & drop, labels, subtasks, filters, light/dark themes and JSON backup. No backend, data stays in the browser.

Next.jsTypeScriptTailwind CSSdnd-kit
09

PRISM — Streetwear Concept Store

PRISM — Streetwear Concept Store

Colour-driven concept e-commerce site for a streetwear label, with per-page accent theming, scroll and reveal animations, a product grid, editorial lookbook, and a contact/newsletter flow.

Next.jsTypeScriptTailwind CSS v4Framer Motion
10

Artist Archive — AI-Structured Digital Archive

Artist Archive — AI-Structured Digital Archive

Turns an unstructured artist CV into a structured digital archive. Gemini extracts and structures each entry, validated with Zod, Pexels adds contextual images, and a separate artist dashboard lets you upload a CV as text, PDF, Word or Excel and review the results before publishing.

Next.jsTypeScriptZodGemini APIPexels API
11

Controluce — Italian Restaurant Landing Page

Controluce — Italian Restaurant Landing Page

Elegant concept landing page for a fictional Italian restaurant, built around a golden-hour lighting theme a printed-menu-style dish list, an asymmetric photo gallery, and a scroll-aware nav, with the Italian flag reduced to a single subtle three-colour hairline.

Next.jsTypeScriptTailwind CSS v4
12

IRent TN — Luxury Car Rental Landing Page

IRent TN — Luxury Car Rental Landing Page

Custom-designed rental landing page with a gold/dark visual identity, RTL Arabic UI, a live booking widget, and an interactive 3D car viewer.

ReactViteTailwind CSS v4React RouterThree.jsGSAP
13

FluffyShop — e-commerce platform

FluffyShop — e-commerce platform

High-end e-commerce platform selling pets and pet food. Built with Next.js 15, Strapi CMS, Clerk auth, a custom cart system, and production deployment.

Next.jsStrapi v5ClerkTailwind CSS
14

AXIS-7 — Drone Concept Landing Page

AXIS-7 — Drone Concept Landing Page

Concept landing page for an autonomous recon drone, with an interactive 3D drone model that repositions and scales as you scroll, and a finish-swapping color picker.

Next.jsTailwind CSSThree.jsReact Three FiberFramer Motion
15

Redline — Gym landing page

Redline — Gym landing page

Developed a fully responsive, interactive gym website using React, TailwindCSS, and Vercel deployment. Features: Hero animations, interactive features section, offer section, contact form, and dynamic UI/UX enhancements.

ReactTailwindCSSVercel
16

CoffeeOne — Coffee Shop Website

CoffeeOne — Coffee Shop Website

A responsive, interactive website for a coffee shop built using HTML, CSS, and vanilla JavaScript. Features include a product menu, contact form, and a fully responsive layout.

HTMLCSSJavaScript
17

OneFlower — Flower Shop Website

OneFlower — Flower Shop Website

Designed and developed a responsive flower shop website using HTML and CSS Features include a product catalog and a contact form. The site is fully responsive and optimized for all devices.

HTMLCSS
18

Movie Explorer

Movie Explorer

Modern app to explore, search, and discover films with a fluid interface.

ReactViteTMDB API
05

Resume

Engineering Mindset · Practical Solutions · Continuous Growth

Frontend
Next.js
React
Three.js
Tailwind
Backend
NestJS
Node.js
Express
ASP.NET
FastAPI
AI
LLMs
RAG
NLP
Databases
Postgres
MongoDB
MySQL
Prisma
Firebase
Programming Languages
JavaScript
TypeScript
Python
Java
C#
C
DevOps & Tools
Docker
Git
Actions
Vercel
Render
AWS
Linux
06

Services

High-level technical solutions, ready to turn your ideas into reality.

01

Full-Stack Development

High-performance web apps with Next.js, NestJS, PostgreSQL, and Prisma. Clean architecture and automated deployment.

Get Started
02

Architecture & Security

Authentication, role-based access, data protection, SQL optimization, Docker, and CI/CD. Reliable foundations built to support your application as it grows.

Get Started
03

AI Integration

AI-powered features using language models, semantic search, and retrieval-augmented generation to make applications more useful and intelligent.

Get Started
04

Application Improvement

Bug fixes, performance optimization, testing, and code refactoring to make existing applications faster, more reliable, and easier to maintain.

Get Started
07Live preview

My CV

Safwen-Ben-Mabrouk-CV-EN.pdf
Loading…
08

Get In Touch

Have an opportunity or a project in mind? I'd love to hear about it.

Send a Message

Tell me a little about what you have in mind, and I'll get back to you as soon as I can.

Contact Information

Available for new projects

Open to Opportunities

Open to full-time roles and freelance collaborations.