Bernstein - Containers Symphony Orchestration

project image

Bernstein - Containers Symphony Orchestration

The Bernstein project involves orchestrating containerized applications using Kubernetes. In this project, you will deploy a web poll application across a multi-host cluster, utilizing Traefik as a reverse proxy and load balancer. The application consists of five components: a Flask web app for polling, a Redis queue, a Java worker, a PostgreSQL database, and a Node.js results app. The project emphasizes managing containers effectively, setting up monitoring tools like cAdvisor, and ensuring high availability through Kubernetes orchestration.
Technologies used:
Kubernetes
Minikube
Kubectl
YAML
Microservices

CyberSecurity - Socat

project image

CyberSecurity - Socat

The Socat project includes 12 cybersecurity challenges that focus on privilege escalation, common vulnerabilities, and other hacking techniques. These challenges, sorted by increasing difficulty, are a variant of Capture-The-Flag, where participants must find tokens to validate their progress. Accessible via TryHackMe, this project allows users to practice and refine their hacking skills in an ethical manner.
Technologies used:
Linux
Shell
Severse shell
TryHackMe
privilege escalation
vulnerabilities
...

BP - E-commerce Website

project image
project image
project image
project image

BP - E-commerce Website

An e-commerce website using React TypeScript for the front-end and Symfony for the back-end. This project, which sells tech products, includes automated deployment and testing using Docker and CI pipelines. The site offers smooth and intuitive navigation, providing an optimal user experience while ensuring efficient product and order management.
Technologies used:
React.JS
Symfony
Docker
TypeScript
CI Pipeline
Swagger
JWT
Stripe

Popeye Project

project image

Popeye Project

Exploration of Docker through the Popeye project, which involved containerizing and deploying a voting application. The project used Flask for the frontend, Java for the backend, and PostgreSQL for data storage, demonstrating versatility in application development and deployment.
Technologies used:
Docker
Docker Compose

Teemo Application

project image
project image
project image
project image

Teemo Application

Development of a mobile application called Teemo using React Native Expo and TypeScript. Teemo is a project management tool that works with the Trello API. The application allows the management of organizations as workspaces, boards as projects, and lists with cards. Additionally, users can add members to their workspace.
Technologies used:
React Native
Expo
TypeScript

Real-Time Chat Project

project image

Real-Time Chat Project

Implementation of a real-time chat system similar to IRC (Internet Relay Chat) with a simple interface. This project was developed using React.js and Material-UI (MUI) for the frontend, Express.js for the API, Socket.io for instant messaging, and MongoDB for the database. Users can perform basic actions such as changing their nickname, joining channels, leaving channels, and opening private chats.
Technologies used:
React.js
Node.js
Express.js
Socket.io
MongoDB

Jobijoba job board website

project image
project image
project image
project image

Jobijoba job board website

Developed a soccer game using Java, LibGDX, and Tiled. Implemented a dynamic game environment and engaging gameplay, providing users with an immersive experience. Showcased skills in game development and design.
Technologies used:
Next.js
Nest.js
TypeScript
MUI

Epitale Game

project image
project image
project image
project image
project image

Epitale Game

Introducing Epitale, my game featuring three mini-games, each representing a boss from the game. The game map is set within the familiar halls of Epitech Nantes, but with a remastered look inspired by the style of Undertale. To complete the game and escape Epitech, you must open the final door, which requires completing each of the three mini-games.
Technologies used:
Java
LibGDX
Tiled

Portfolio Project

project image

Portfolio Project

Currently working on an impressive portfolio using Material-UI (MUI), Next.js, and Framer Motion. Crafting an immersive and dynamic experience to showcase my skills and projects. Stay tuned for the unveiling of this exciting endeavor!
Technologies used:
MUI
Next.js
Framer Motion
TypeScript
Swiper.js
i18n

Freelance Website

project image
project image
project image
project image

Freelance Website

Constructed a freelance-oriented website using JS and CSS, providing a platform for job postings and opportunities. Demonstrated skills in frontend web development while contributing to the online freelance community.
Technologies used:
HTML
CSS
JS

Shape Hunter Game

project image
project image
project image
project image

Shape Hunter Game

Created an HTML, CSS, and JS-based Shape Hunter game, focusing on enhancing users' concentration and reaction time. Utilized frontend technologies to build an interactive and visually appealing game that serves an educational purpose.
Technologies used:
HTML
CSS
JS

Hangman Game

project image

Hangman Game

Developed an interactive Hangman game using Next.js for the frontend and Python with Flask for the backend. Showcased integration skills across different technologies, providing users with an engaging and enjoyable gaming experience.
Technologies used:
Next.js
Python
Flask

Hospital Appointment Management

project image
project image
project image
project image
project image
project image

Hospital Appointment Management

Designed and implemented a desktop software solution in C# with ADO.NET and SQL Server. Addressed the specific needs of healthcare settings by creating an efficient appointment management system for hospitals. Showcased proficiency in backend technologies, database management, and software architecture.
Technologies used:
C#
ADO.NET
SQL Server

AI Models Project

project image
project image
project image
project image
project image

AI Models Project

Engineered three powerful AI models leveraging React and Python (Jupyter and Flask). Model 1: Enabled dynamic data analysis by extracting insights from diverse CSV databases. Model 2: Implemented an email automation system, composing and sending emails based on user inputs. Model 3: Integrated OpenAI API to create a chatbot capable of engaging conversations and answering queries.
Technologies used:
React
Python
Jupyter
Flask

Development

  • Next.js
  • JavaScript
  • TypeScript
  • React.js
  • React Native/Expo
  • HTML/CSS
  • Python & Jupyter
  • Git
  • bash
  • Docker
  • Flask
  • C# & .Net
  • Java & LibGDX
  • PHP
  • SQL Server

Tools

  • Visual Studio
  • Visual Studio Pro
  • SQL Server Management Studio (SSMS)
  • GitHub
  • Bash
  • Jupyter Notebook
  • Photoshop
  • VM VirtualBox
  • Teamviewer

Languages

  • English (Proficient C1)
  • French (Proficient - DELF - B2)
  • Arabic (Fluent)
  • Moroccan / Darija (Native)
  • Japanese (Beginner)
;