F//A ~/project_archive
← portfolio online · 1k+ Visits
index 01dentun 02clip-to-earn 03image editor 04link-in-bio 05automation

firas@tunisia:~/project_archive $ ▊

PROJECT_ARCHIVE

5 projects 15 frames 2024 → 2026 [ ✓ ] crop: disabled — every frame at native ratio
ls -la ./projects --sort=ship_date 5 dirs · 15 objects
drwxr-xr-xdentun/05 frames2025[ healthtech ]→ drwxr-xr-xclip_to_earn/03 frames2026[ saas ]→ drwxr-xr-xweb_image_editor/02 frames2025[ web-tool ]→ drwxr-xr-xlink_in_bio/02 frames2024[ micro-tool ]→ drwxr-xr-xautomation_lab/03 frames2026[ n8n ]→
P.01
healthtechflutter + firebaselaunch film2025

Dentun

Clinic-management app and its official launch film, built and shot end-to-end for Tagamuta Valley.

open case ↗
roledev + film clientTagamuta Valley stackFlutter · Dart · Firebase grade17 / 20
dentun_launch_final.mp4REC00:00:23:14 ▸
Dentun official launch film — hero frame
[ frame 01 / 05 ]Launch film — hero frame1600×900 · cinematic color pass
dentun_app_v2.4.png1.8 MB
Dentun clinic app dashboard⤣ inspect
Clinic dashboard build
Flutter + Firebase — real-time sync across clinic devices.
dentun_ui_kit.png1.6 MB
Dentun Flutter UI kit screens⤣ inspect
UI kit — booking · chart · chat
Wireframes → UI kit → build, in one pass.
wireframe.png2.3 MB
Launch film Premiere Pro timeline⤣ inspect
Edit — timeline & color
Premiere Pro — cut, sound and grade.
launch_frame_023.png3.1 MB
Launch film frame 023⤣ inspect
Frame 023 — announcement
Cinematic still from the public release.
field_notes — p01_dentun.md4 lines
>Flutter + Firebase — real-time sync between front desk and practitioners, no manual refresh.
>Full cycle shipped solo: wireframes → UI kit → build → deploy, then the launch film.
>Graded 17 / 20 (very good) as the final-year project at ISET.
>The company announced the release publicly — app and film shipped together, not as an afterthought.
P.02
saasgamificationsystem design2026

Clip-to-Earn

A gamified SaaS platform — tasks convert to points, points convert to rewards, a live leaderboard keeps it honest.

open case ↗
roledesign + build typegamified SaaS stackJavaScript · web app statusWorking in Progress
clip2earn_platform.pngframe 01 / 03
Clip-to-Earn platform main view
[ frame 01 / 03 ]Platform — main viewFor privacy , Most informations Hidden , Project under dev
clip2earn_dash.png1.1 MB
Clip-to-Earn tasks and rewards dashboard⤣ inspect
Browse campaigns
Main page to Present campaigns and offers
brand_dashboard.png1.0 MB
Clip-to-Earn live leaderboard with podium⤣ inspect
Dashboard
Live podium + checklist keeps retention honest.
field_notes — p02_clip_to_earn.md3 lines
>Gamified SaaS — tasks → points → rewards, one closed loop.
>System architecture and reward logic designed from scratch, not bolted on.
>The live leaderboard is the retention mechanic — ranks update in real time.
P.03
web-toolhtml5 canvasclient-side2025

Web Image Editor

A browser-based image editor on HTML5 Canvas — filters, crop and export with zero backend and zero uploads.

open case ↗
roledesign + build typeweb tool stackHTML5 Canvas · JS backendnone
canvas_editor.pngframe 01 / 02
Web image editor canvas workspace
[ frame 01 / 02 ]Editor — canvas workspace100% client-side
editor_filters.png1.0 MB
Image editor filter presets and adjustment sliders⤣ inspect
Filter rack — presets & sliders
Brightness · contrast · saturation, live on canvas.
field_notes — p03_web_image_editor.md2 lines
>100% client-side — HTML5 canvas, zero backend, zero file uploads.
>Filters, crop and export — runs in any modern browser, no install.
P.04
micro-toolbloggertemplate2024

Link-in-Bio Builder

A dynamic, branded link-in-bio micro-tool — customizable and shipped as a $9 template anyone can run.

open case ↗
roledesign + build typemicro-tool hostBlogger price$9 template
link_in_bio_live.pngframe 01 / 02
Link-in-bio live branded profile page
[ frame 01 / 02 ]Live page — branded profile720×960 · mobile-first
link_in_bio_builder.png1.0 MB
Link-in-bio builder editor with phone preview⤣ inspect
Builder — theme & link editor
Edit on the left, see it live on the right.
field_notes — p04_link_in_bio.md2 lines
>Dynamic micro-tool on Blogger — no hosting bill, no framework.
>Shipped as a $9 template — bought, customized, live in minutes.
P.05
n8nwebhooksbots2026

Automation Lab

n8n workflows and autonomous bots — lead-gen, delivery and follow-ups that run with no human in the loop.

open case ↗
roleautomation engineer stackn8n · webhooks · APIs runtime24 / 7 humannone in loop
n8n_workflow_07.pngframe 01 / 03
n8n lead-gen automation workflow
[ frame 01 / 03 ]Lead-gen autopilot — n8n flowtriggers → enrich → follow-up
tg_bot_autopilot.png780 KB
Telegram bot automation interface⤣ inspect
Telegram autopilot
Delivery, replies & inline actions — no human.
webhook_monitor.png860 KB
Webhook integration monitor dashboard⤣ inspect
Integration monitor
Payloads & retry logic, one view.
field_notes — p05_automation_lab.md2 lines
>n8n + webhooks — flows that run while I sleep.
>Bots handle delivery, replies and follow-ups — no human in the loop.
+
other projectsexternal linksselected work

Other Projects

A short index of additional work. Replace the URLs below with the live project destinations.

ls -la ./other-projects external links
drwxr-xr-x 🎨 Arabic Shaper/ [ external ] ↗ drwxr-xr-x Auto Post ( image template : personal use)/ [ external ] ↗ drwxr-xr-x Coming_Soon/ [ external ] ↗ drwxr-xr-x Coming_Soon/ [ external ] ↗ drwxr-xr-x Coming_Soon/ [ external ] ↗ drwxr-xr-x Coming_Soon/ [ external ] ↗ drwxr-xr-x Coming_Soon/ [ external ] ↗