An app made to simulate the monitoring of patient activity. This helped me improve my understanding on structuring small-to-medium scale applications.

Zustand library for state management

i18Next for internationalization

Live generation of random alarms that update UI

Customization including dark mode color palette and font size

React

Typescript

Tailwind CSS

Monitoring App

My first project in React.JS created with a Pokémon dataset. There are three pages, an overview of the first generation of Pokémon, a details page for each Pokémon and a 404 page.

React Router

Bootstrap

Search and filter through 151 Pokémon

React.JS

Pokédex

This portfolio was built as a headless CMS with Next.JS. Most content is statically generated (SSG) using Netlify CMS, including this text right here. It's a revamp/upgrade of a previous portfolio made with Nuxt.JS and Netfliy CMS. I made this change to keep learning and improving and make it easier for myself to update my portfolio.

Dynamic content with Netlify CMS and Static Site Generation (SSG)

Next.JS

Jest and git hooks to run unit tests for pre-commits

JSON Server for local development

Headless CMS

Jest

SSG Portfolio

An app fetching data about TV shows from the TVMaze API, with which the top rated TV shows are displayed that you can also filter and sort through.

Hello, I'm

Zouhair

El-Mariami

Afrontend developerwho enjoys building web applications.

About me

Skills

Passion projects

Monitoring App

Pokédex

SSG Portfolio

TV Shows App