Hi👋, I'm Hafid ZITI
A self-taught front-end developer, my passion is to provide well tested and maintainable code, pixel-perfect user interfaces and the best user experience using the latest technologies.
About me
I'm currently working as a Front-End Developer at OPTISANTIS, based in Grenoble, France. With over 6 years of professional experience, I specialize in turning ideas into reality through modern JS technologies such as Next.js, React.js, Node.js, Redux, and Angular 2+. I'm passionate about building clean, scalable, and maintainable applications. I place a strong focus on code readability and best practices, using tools like ESLint, Prettier, and StyleLint to ensure quality and consistency. Beyond writing code, I thrive on continuous improvement, striving every day to become a better developer than I was yesterday. Scroll down to explore some of the projects I've been working on.
Projects
The most relevant projects I've worked on. My daily tasks include:
I've joined the team as a React.js developer, contributing to the creation of innovative applications in the insurance and provident sectors. My role was to develop high-impact features that enhanced both performance and user experience.
- 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
It's the internship of my master's degree in computer engineering, in which I developed a user-friendly web application that uses Tuleap's API and allows users to submit and track their requests regarding Orange equipments.
- Angular
- Typescript
- HTML5
- CSS3
- Git
- VSCode
Skills
Technology I've worked & dabbled with:
Next.js
React.js
Angular
Redux
RxJS/NgRx
Apollo GraphQL
Javascript
Typescript
HTML5
CSS3
Sass
Framer
EsLint
Prettier
Styled-components
Storybook
Chakra UI
Jest
Testing Library
Node.js
Git
GitHub
GitLab
Bitbucket
Weblate
Jira
Npm
Yarn
Vercel
Firebase
Webpack
Java
Express.js
Spring Boot
NestJS
Shopify
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!