# Yassin Mokni - Full Portfolio & Profile Context > Dev. Dad. Shipping niche tools from personal problems. This document provides complete, canonical information about Yassin Mokni, including all projects, full URLs, tech stacks, career experience, and background. --- ## Profile Summary - **Name**: Yassin Mokni - **Title**: Developer & Builder / Senior Full Stack Software Developer - **Location**: Munich, Germany - **Website**: https://mokni.dev - **Email**: yassin@mokni.dev - **X / Twitter**: https://x.com/yassinbuilds (@yassinbuilds) - **GitHub**: https://github.com/yassin-mokni - **LinkedIn**: https://www.linkedin.com/in/yassin-mokni/ ### About I'm a builder focused on creating practical web tools and applications that solve my own everyday problems. My work spans distraction-free productivity tools, real-estate comparison utilities, language learning platforms, family/parenting applications, and practical AI web tools. --- ## Projects ### 1. Nail Germany - **Status**: Active - **Type**: Web App - **URL**: https://nail-germany.mokni.dev - **Tech Stack**: Next.js, React, TypeScript, Tailwind CSS - **Description**: An interactive relocation checklist and practical guide designed to navigate German bureaucracy with clarity. Covers essentials like Anmeldung, tenant/rental rights, health insurance comparison, and tax navigation. ### 2. KidsZoo - **Status**: Active - **Type**: Web App & PWA - **URL**: https://kidszoo.mokni.dev - **Tech Stack**: Next.js, React, TypeScript, Tailwind CSS, Web Audio - **Description**: An interactive multilingual animals encyclopedia for toddlers with authentic wild animal calls, HD studio photography, and native phonetics in 4 languages. ### 3. Nail German - **Status**: Active - **Type**: Mobile & Web App - **URL**: https://nailgerman.com - **Tech Stack**: React Native, Expo, Next.js, TypeScript, Supabase - **Description**: German grammar drill engine & 15-minute exam simulator for Goethe & telc certifications (levels A1 through C2) featuring Leitner spaced repetition for effective retention. ### 4. Tasmiyah - **Status**: Active - **Type**: Web App - **URL**: https://tasmiyah.mokni.dev - **Tech Stack**: Next.js, React, TypeScript, Tailwind CSS - **Description**: A curated guide to Islamic baby names with meanings, linguistic origins, flow score calculator, and dynamic sharing cards for parents. ### 5. LingoTab - **Status**: Active - **Type**: Chrome Extension - **URL**: https://lingotab.mokni.dev/?utm_source=mokni.dev - **Chrome Web Store**: https://chromewebstore.google.com/detail/lcpngcpkmbdooibllkhggekgmcdgagln - **Tech Stack**: Chrome Extensions API, TypeScript, HTML/CSS - **Description**: Learn languages naturally with every new browser tab. Features graded CEFR phrases across 9 languages, native text-to-speech audio, live international radio streams, and contextual listening dialogues. ### 6. shouldibald.com - **Status**: Active - **Type**: Web App - **URL**: https://shouldibald.com - **Tech Stack**: Next.js, React, TypeScript, AI - **Description**: AI-powered "Should I Bald?" photo simulator that enables users to upload a photo and visualize a realistic bald version of themselves before making the cut. ### 7. ranksite.online - **Status**: Active - **Type**: Web App - **URL**: https://ranksite.online - **Tech Stack**: Next.js, React, TypeScript, SEO - **Description**: Comprehensive SEO & GEO (Generative Engine Optimization) analysis tool featuring 38 actionable checks for technical search performance and AI-driven search readiness. ### 8. LinkedIn Focus Mode - **Status**: Active - **Type**: Chrome Extension - **URL**: https://chromewebstore.google.com/detail/hhnognkefifgogbaiejdfggflknbeggd - **Tech Stack**: Chrome Extensions API, JavaScript, CSS - **Description**: A focused Chrome extension that removes distracting feed elements and algorithmic clutter to help users stay focused strictly on job searching, networking, and direct outreach on LinkedIn. ### 9. ImmoScout24 Flat Comparison - **Status**: Active - **Type**: Chrome Extension - **URL**: https://chromewebstore.google.com/detail/pibhhpeheaecbifklmmdchdglgadlkhd - **Tech Stack**: Chrome Extensions API, JavaScript, CSS - **Description**: Chrome extension adding side-by-side comparison capabilities for rental flat listings directly on immoscout24.de, simplifying apartment hunting in Germany. ### 10. debtracker.com - **Status**: Active - **Type**: Web App - **URL**: https://debtracker.com - **Tech Stack**: Next.js, React, TypeScript, PostgreSQL - **Description**: Clean, minimalist debt tracking application to manage loans, interest amortization, payment schedules, and monitor milestones on the path to financial freedom. ### 11. freeiconlogo.com - **Status**: Active - **Type**: Web App - **URL**: https://freeiconlogo.com - **Tech Stack**: Next.js, React, TypeScript - **Description**: Free web-based tool allowing developers and founders to turn vector icons into professional, production-ready logos instantly. ### 12. diarylingo.app - **Status**: On Hold - **Type**: Web App - **URL**: https://diarylingo.app - **Tech Stack**: Next.js, React, TypeScript, AI - **Description**: Language learning through daily reflective journaling with AI-assisted corrections and vocabulary suggestions. ### 13. coursifytube.com - **Status**: Stopped - **Type**: Web App - **URL**: https://coursifytube.com - **Tech Stack**: Next.js, React, TypeScript, YouTube API - **Description**: Educational utility that transforms YouTube playlists into structured learning courses with progress tracking. --- ## Work Experience ### CHECK24 Vergleichsportal GmbH - **Role**: Software Developer - **Period**: March 2022 - Present - **Location**: Munich, Germany - **Summary**: Engineering customer-facing web services and robust comparison portal features in a high-scale environment. ### Saqara - **Role**: Full Stack Developer - **Period**: June 2021 - February 2022 - **Location**: Tunis, Tunisia - **Summary**: Full stack web application development and delivery. ### TakiAcademy - **Roles**: - Senior Full Stack Developer (2019 - 2021) - Full Stack Developer (2016 - 2019) - Junior Web Developer (2015 - 2016) - **Period**: February 2015 - April 2021 - **Location**: Sousse, Tunisia - **Summary**: Over 6 years building educational technology platforms, interactive student learning software, backend systems, and scaling infrastructure for large student audiences. --- ## Technical Skills - **Frontend**: Vue.js, React, Next.js, TypeScript, Tailwind CSS, GraphQL, Progressive Web Apps (PWA), HTML5, CSS3/SCSS - **Backend**: Node.js, NestJS, Express.js, Laravel, Symfony, REST APIs - **Database & Storage**: PostgreSQL, MySQL, MongoDB, Redis, Supabase - **DevOps & Tooling**: Docker, AWS, Jenkins, CI/CD, Git, Cypress, Jest - **Browser & Extension Development**: Chrome Extensions API (Manifest V3) - **Specializations**: Niche product development, indie hacking, SEO/GEO optimization, audio/TTS integrations, AI application prototyping --- ## Contact & Links - **Website**: https://mokni.dev - **LLM Summary**: https://mokni.dev/llms.txt - **LLM Full Context**: https://mokni.dev/llms-full.txt - **X (Twitter)**: https://x.com/yassinbuilds - **GitHub**: https://github.com/yassin-mokni - **LinkedIn**: https://www.linkedin.com/in/yassin-mokni/ - **Email**: yassin@mokni.dev