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.
UI Component Library
ongoingInteractive component library documentation built with Storybook for exploring and developing React components
Technologies:
ReactTypeScriptStorybookTailwind CSSshadcn/uiRadix UI
Highlights:
- Interactive component development with Storybook 9
- Light/dark theme support configured
- Accessibility testing with a11y addon
Oct 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.
Ready to discuss your next project?
I'm always interested in hearing about new opportunities and challenging projects. Let's create something amazing together.