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
Currently, I’m working @ VISEO as a front-end developer, I live in Grenoble France, with more than 4 years of professional experience I transform ideas into reality using JS, with latest technologies such as React.js, Node.js, Next.js, Redux, Angular2+, I care about code readability and maintainability and actively I use linters and code analysis tools like Prettier, ESLint, StyleLint, I find happiness in being a better me today than I was yesterday. Scroll down to see 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 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:
React.js
Angular
Next.js
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!