Hi👋, I'm Hafid ZITI
A self-taught Senior Front-End Developer with 7+ years of experience. Expert in React Native/Expo for mobile apps and React.js/Next.js for web applications. Passionate about delivering pixel-perfect UIs, clean architecture, and exceptional user experiences.
About me
I'm currently working as a Senior Front-End Developer at OPTISANTIS, based in Grenoble, France. With over 7 years of professional experience, I wear two hats: building high-performance mobile applications with React Native/Expo and crafting web experiences with Next.js and React.js. I've successfully published multiple mobile apps on the App Store and Google Play, and I specialize in architecture, performance optimization, native bridging, and the complete app lifecycle. On the web side, I focus on accessibility (RGAA), SEO, and design systems. I'm passionate about building clean, scalable, and maintainable applications with a strong focus on code quality, using tools like ESLint, Prettier, and TypeScript. Beyond writing code, I thrive on continuous improvement and sharing knowledge with the community. Scroll down to explore the projects I've been working on.
Professional Projects
The most relevant projects I've worked on. My daily tasks include:
Joined the team as a Senior Front-End Developer to lead the development and evolution of health and wellness platforms deployed at scale. My role spans both web (Next.js) and mobile (React Native) development, with a strong focus on architecture, performance, accessibility, and code quality.
- React Native
- Next.js
- React.js
- Typescript
- HTML5
- CSS3
- Chakra UI
- Git
- Storybook
- ESlint
- Prettier
- GitLab
- Jira
- Confluence
- Figma
- VSCode
I’ve joined the team as Angular developer, to contribute to development of the software that manages the UPSs (Uninterruptible Power Supply), my main role was to develop new features for the new version.
- Angular
- Typescript
- HTML5
- CSS3
- Material
- RxJS/NgRx
- Git
- Storybook
- ESlint
- Prettier
- Bitbucket
- Jira
- Confluence
- Weblate
- VSCode
I've integrated the development team as React developer to develop the UI for IBM Cloud, the UI allows to the users to set up and monitor their services(virtual machines, cloud connections, vpn connections,...) in all simplicity and efficiency.
- React.js
- Javascript ES6
- HTML5
- CSS3
- Redux
- Apollo client
- Jest
- Git
- Testing Library
- Puppeteer
- Webpack
- Babel
- ESlint
- Prettier
- GitHub
- VSCode
Development of dynamic website using Drupal, the site presents the different activities of Colam group, as well as assisting shareholders in their processes. I mainly worked on the front-end to provide the best user experience. Feel free to visit the site by clicking on the link below.
- Javascript ES6
- HTML5
- CSS3
- Jquery
- Drupal
- Bootstrap
- Microsoft Azure
- Docker
- Git
- VSCode
I've contributed to the development of a web application that respects medical constraints, the application allows to manage patients and their exams, it also manages and controls the injection of contrast products.
- Angular
- Typescript
- HTML5
- CSS3
- Jasmine
- Cucumber
- ESlint
- Prettier
- Microsoft Azure
- Docker
- Swagger
- Git
- VSCode
Contributed to the development of a Chatbot, which helps HP's customers to find useful information about their products, as well as answering their questions, I mainly contributed to the development of a couple of scripts to test the reliability and performance of the chatbot.
- Javascript
- Node.js
- Node red
- Kibana
- Docker
- Microsoft Azure
- Git
- Git Lab
- VSCode
Personal Projects
Mobile applications I've designed, developed, and published on the App Store and Google Play.
DRIVEELY
Personal mobile app designed and published on the App Store and Google Play for tracking vehicle expenses and managing automotive costs. Built with React Native and Expo, featuring SQLite for local storage and RevenueCat for in-app purchases.
- React Native
- Expo
- TypeScript
- SQLite
- EAS Build
- Sentry
- App Store Connect
VESTO
Mobile application that transforms selfies into high-definition professional portraits using AI. Features advanced image processing with React Native Reanimated and Expo Image, powered by Gemini APIs for AI generation.
- React Native
- Expo
- TypeScript
- Supabase
- EAS Build
- Sentry
- Gemini
- App Store Connect
HUMANIFY
Mobile app for detecting AI-generated content and reformulating texts to make them more natural. Built with a full-stack approach using React Native for the frontend and Node.js/Nest.js backend, integrated with OpenAI APIs.
- React Native
- Expo
- TypeScript
- Node.js
- Nest.js
- EAS Build
- SQLite
- Sentry
- OpenAI
- App Store Connect
Skills
Technology I've worked & dabbled with:
React Native
Expo
Next.js
React.js
Angular
Typescript
Javascript
Redux
RxJS/NgRx
Apollo GraphQL
Node.js
Nest.js
Supabase
Firebase
HTML5
CSS3
Sass
Framer Motion
Styled-components
Chakra UI
Storybook
Jest
Testing Library
EsLint
Prettier
Git
GitHub
GitLab
Bitbucket
Webpack
Npm
Yarn
Jira
Vercel
Main skill set 🚀
Contact me!
Feel free to fill the form down below, or contact me directly by email
Today's Quote
❝❞
About this website
In case you're wondering how this site was built, you can check source code in github, but here's a quick overview of how things are done.
- Framework: Next.js
- Deployment: Vercel
- Language: TypeScript
- Styling: Chakra UI
- Designing: Figma
- Animations: Framer Motion
There are also other dependencies used on this website like React-iconsfor managing easily the icons, Chat.jsfor building the radar chart in the skills section, if you want to know more, feel free to take a look on the source code on Github
No ads, no tracking. Enjoy your day!