soufiane chaoufi
Hi! I'm Soufiane. I write code, build interfaces, and love sharing what I learn along the way. This space is equal parts portfolio, blog, and digital notebook where I document my ongoing adventure in web development.
Latest Projects
A selection of my recent work showcasing different technologies and approaches to modern web development.
Personal Portfolio
maintainedModern portfolio website built with Next.js 16, React 19, and Tailwind CSS featuring a blog system, project showcase, and reading list
Technologies:
Next.js 16React 19TypeScriptTailwind CSS 4Framer Motionshadcn/ui+2 more
Highlights:
- Next.js 16 App Router with Turbopack
- Markdown blog with auto-calculated reading time
- Dark/light theme with system preference detection
Mar 2025
Rendly
ongoingA remittance comparison tool that fetches live exchange rates from provider APIs to help users find the cheapest way to send money abroad
Technologies:
Next.js 16React 19TypeScriptTailwind CSS 4shadcn/uiZod+1 more
Highlights:
- Live rate fetching from Wise and OFX APIs
- True cost comparison across 8 providers (fees + markup)
- SEO-optimized corridor pages with structured FAQ
Feb 2025
Qyra
ongoingA QR code generator and scanner app with custom color styling, camera scanning, and content-aware actions
Technologies:
React NativeTypeScriptExpo SDK 54React 19expo-routerexpo-camera+2 more
Highlights:
- QR generation for URLs, text, WiFi, and vCard contacts
- Custom foreground and background color pickers with contrast warning
- Camera-based QR scanner with content-aware actions
Feb 2025
Latest Articles
Insights, tutorials, and thoughts on modern web development, career growth, and the evolving tech landscape.
technical
Master the fundamental difference between React elements and components, and learn the 'components as props' and 'children as props' patterns.
technical
Learn the essential concepts of React re-renders: what triggers them, how they cascade, and when to move state down.
tools
A practical guide to JavaScript package managers. Compare npm, Yarn, pnpm, and Bun to find the best fit for your project.
Explore My Work
Discover the projects I've built and the articles I've written about modern web development.