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.
Featured 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
SheSwap
ongoingA React Native app empowering women to swap items and give freely in a money-free social economy
Technologies:
React NativeTypeScriptExpo RouterFirebaseNativeWindReact Hook Form+4 more
Highlights:
- Money-free social economy platform for women
- Item swapping and free giving community
- Real-time messaging and notifications
Dec 2024
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.