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.

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

Code Demo

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

Code Demo

💻

C Library - Libft

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

Code

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

Code Demo

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

Code Demo

Imaginer

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

Next.jsAI image generation

Code Demo

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.

JavaScript

Code Demo