My Projects

Here are some of the projects I've worked on. Each one represents a unique challenge and learning experience in my journey as a developer.

Weather App

Weather App

The app retrieves weather data based on the city entered in the search field using openweatherapi.org data.

ReactTailwindCSSAPI
💻
Sha2 vs Sha3 Spring Boot Microservice Architecture

Sha2 vs Sha3 Spring Boot Microservice Architecture

This project is a microservices-based application built using the Spring Boot framework. The application consists of several services including a restaurant service, an authentication service with JWT, an API gateway, and a service registry. Each service is designed to handle specific functionalities within the application, providing a scalable and maintainable architecture. The app has 2 versions for both signature algorithms. Both systems were tested against penetration and load tests and the findings have been published as well.

Spring BootMicroService ArchitectureJWTSHA2-512+4 more
💻
React Native Counter App

React Native Counter App

App created in React Native deployed using Expo. It is a simple mobile application that uses react native to be cross-platform. this is my second mobile app developed ever.

React NativeNativeWind
Potr-Pots

Potr-Pots

Implementation of a landing page according to Figma design - Using BEM and SCSS The design 1440px Desktop 1280px Tablet 640px Mobile (> 320px)

HTMLCSSJavascriptBEM
2048 JS Game

2048 JS Game

Online code and markdown editor build with react.js. Online Editor which supports html, css, and js code with instant view of website. Online markdown editor for building README file which supports GFM, Custom Html tags with toolbar and instant preview.Both the editor supports auto save of work using Local Storage

HTMLCSSJavascript
💻
C Library - Libft

C Library - Libft

linft project files for 42 Cursus This is the first project of 42 Cursus about creating my first C library.

C
Counter App

Counter App

The app has redux and persist that help keep the count and theme selection between the page refreshes. This way, user choice is kept in the global state.

ReactReduxRedux persistTailwindCSS
Layout Dia

Layout Dia

This is another landing page created using HTML, CSS and Javascript. For the CSS library, I have benefitted the Bulma. It works in the following creen sizes: Large screens 2560px The design 1600px Desktop 1280px Small desktop 1024px Tablet 640px Mobile (> 320px)

HTMLCSSJavascript
Imaginer

Imaginer

AI supported image generation NEXT.JS app. This app uses replicate.com website for image generation support.

Next.jsAI image generation
Netflix Clone
Featured

Netflix Clone

This app is a clone of Netflix. It used TMDB API as the movie database since netfliz does not share their APIs. In the recommendations page, the is a search bar which offers the input area, choice of AI (choose the AI to get recomendations) and the number of recommendations. once the search is clicked, it will look for movies in TMDB API and show the requested number of results and all the matching movies.

JavaScriptReactAI (GeminiOpenAI)+1 more