Here are some of my projects that I have worked on. Each project is a reflection of my skills and passion for software development. I have applied various technologies and methodologies to create scalable and maintainable applications.

projectsPage.items[5].titleCompleted but still in development
npm package +300 hours

react-tailwind-generator NPM package

A NPM package that allows you to generate React components with Tailwind CSS classes. The goal was to create a reusable components that simplifies the process of creating React components with Tailwind CSS.

What did I learn ?:

I learned how to create an NPM package using Node.js and publish it to the NPM registry. I also learned how to work with the React and Tailwind CSS libraries to create reusable components that simplify the process of creating user interfaces. Finally, I learn how to manage inquirer.js to create a command-line interface and prompt the user for input.

Technologies:

Tech: https://img.shields.io/badge/ReactJs-7286D3?style=flat&logo=ReactJs&logoColor=greenTech: https://img.shields.io/badge/Tailwind_CSS-181717?style=flat&logo=tailwind-css&logoColor=whiteTech: https://img.shields.io/badge/Typescript-439A97?style=flat&logo=Typescript&logoColor=whiteTech: https://img.shields.io/badge/Inquirer.js-000000?style=flat&logo=Inquirer&logoColor=white
projectsPage.items[6].titleCompleted
Frontend +20 hours

Quiz App

A quiz app that allows you to create and take quizzes. The goal was to create a fun and interactive app using Vue 3 and TypeScript and to master the composition API concept.

What did I learn ?:

I learned how to work with Vue components, props, and state to create a dynamic user interface with Vue 3's composition API. I also learn how test Vue components using Vitest.

Technologies:

Tech: https://img.shields.io/badge/VueJS3-439A97?style=flat&logo=Vue.js&logoColor=whiteTech: https://img.shields.io/badge/Tailwind_CSS-181717?style=flat&logo=tailwind-css&logoColor=whiteTech: https://img.shields.io/badge/Typescript-439A97?style=flat&logo=Typescript&logoColor=white
projectsPage.items[1].titleCompleted
Fullstack +150 hours

Birthday personnalized wish App

Birthday personnalized wish App to send birthday wishes to your loved ones. The goal was to create a fun and interactive app using React

What did I learn ?:

I learned how to work with React components, props, and state to create a dynamic user interface that updates in real-time. I also learned how to use React Router to create a multi-page application and manage application state using React Context.

Technologies:

Tech: https://img.shields.io/badge/ReactJs-7286D3?style=flat&logo=ReactJs&logoColor=greenTech: https://img.shields.io/badge/CSS-A084DC?style=flat&logo=css3&logoColor=whiteTech: https://img.shields.io/badge/Firebase-FFCA28?style=flat&logo=Firebase&logoColor=whiteTech: https://img.shields.io/badge/Express-000000?style=flat&logo=Express&logoColor=whiteTech: https://img.shields.io/badge/Google AI Studio-4285F4?style=flat&logo=GoogleAI&logoColor=white
projectsPage.items[0].titleCompleted
TS Vanilla +100 hours

Clock Manager App

A clock manager app that allows you to add, edit, and delete clocks for different time zones. The goal was to create a modular application while applying the MVC (Model-View-Controller) architectural pattern

What did I learn ?:

I learned how to use the MVC architectural pattern to create a modular application. I also learn how to use SOLID principles (like Open/Closed Principle, Listkov Substitution Principle, Dependency Inversion Principle) and publish/subscribe pattern to create a scalable and maintainable application.

Technologies:

Tech: https://img.shields.io/badge/Typescript-439A97?style=flat&logo=Typescript&logoColor=whiteTech: https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=HTML5&logoColor=whiteTech: https://img.shields.io/badge/CSS-181717?style=flat&logo=css3&logoColor=white
projectsPage.items[2].titleCompleted
JS Vanilla +10 hours

Password Generator

A password generator that allows you to generate a random password based on your preferences. The goal was to create a simple, user-friendly application using vanilla JavaScript.

What did I learn ?:

I learned how to work with event listeners, DOM manipulation, and conditional statements to create an interactive user interface.

Technologies:

Tech: https://img.shields.io/badge/Javascript-363636?style=flat&logo=Javascript&logoColor=whiteTech: https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=HTML5&logoColor=whiteTech: https://img.shields.io/badge/CSS-181717?style=flat&logo=css3&logoColor=white
projectsPage.items[3].titleCompleted
Frontend +250 hours

Personal Portfolio

A personal portfolio website that showcases my projects, skills, and experience. The goal was to create a visually appealing, responsive website using HTML, CSS, and JavaScript.

What did I learn ?:

I learned how to use Vuejs to create a visually appealing, responsive website. I also learned how to use CSS Grid and Flexbox to create a flexible layout that adapts to different screen sizes and devices. Finally, I learn how to manage SEO and accessibility to improve the website's visibility and usability.

Technologies:

Tech: https://img.shields.io/badge/VueJS-439A97?style=flat&logo=Vue.js&logoColor=whiteTech: https://img.shields.io/badge/Tailwind_CSS-181717?style=flat&logo=tailwind-css&logoColor=whiteTech: https://img.shields.io/badge/Vuetify-7952B3?style=flat&logo=Vuetify&logoColor=white
projectsPage.items[4].titleCompleted
Desktop +70 hours

Checkers game

A checkers game with another player. The goal was to create a desktop game using Qt and C++.

What did I learn ?:

I learned how to use Qt and C++ to create a desktop game. I also learned how to work with the Qt framework to create a graphical user interface and handle user input events to create an interactive game experience.

Technologies:

Tech: https://img.shields.io/badge/C++-00599C?style=flat&logo=c%2B%2B&logoColor=whiteTech: https://img.shields.io/badge/Qt-41CD52?style=flat&logo=Qt&logoColor=whiteTech: https://img.shields.io/badge/QtCreator-41CD52?style=flat&logo=QtCreator&logoColor=white