About this project:

The final project of the Coding Bootcamp was thought as a clone of the well-known second-hand Sell & Buy portal WALLAPOP and includes following functionalities:

Authentication (Fortify)
Upload announcement
Relation 1-to-Many
Areas: Public/Private/Revisor
MVC: Model-View-Controller
Multi-language Portal
Asynchronous Queue Workers
IA use of Google Vision API
Full-text search

About this project:

Commercial website of a beer producer called "Beercraft". It lists the different local breweries around the world and the different type of beers you can find there. A brewery owner can add his place on the website and can choose the beers he's selling from the whole list offered.

Authentication (Fortify)
Upload brewery
Relations: 1-1/1-N/N-N
CRUD: create/read/update/delete
Use of Factory/Seeders
Contact Form
Use of a Template
MVC: Model-View-Controller
Areas: Public/Private

About this project:

This is a project I did following a Javascript Course on Domestika. It's a single-page application. All screen changes are made in Javascript. After the Bootcamp I attended, I came back to this game to adapt it to my new career and made some changes to convert it to a Memory Game with theme "Web Development" :)

2 Play Modes: Normal / Relax
Normal Mode: Time and Moves are limited
Relax Mode: no limitations + Level selection
Random card distribution each time

About this project:

I built my Portfolio from scratch with HTML, CSS, Javascript and Bootstrap5. I tried to showcase a broad panel of the skills I have learned in terms of Responsive layout, CSS with transitions, animations, transformations, layouts with z-index, hover effects, etc...

Even though I used some Javascript animations from Codepens, I modified the code to adapt it and personalize it and learned from it so I could create other animations myself. I have learned a lot building this portfolio.

I also created the Logo/favicon myself as I wanted something personalized (the logo is my initials).

In 2024, I updated the visual aspect of my portfolio to give it a more modern feel and added light/dark mode.

Landing-Page Portfolio
CSS issues solved with JS
Research of Web Design
Creation of Logo
Contact Form
Responsive
Animations, Transitions, Transforms
Neumorphism
Hover effects

About this project:

This is a small project built using Vue.js. It is my first project using Vue.js. This a Front-End project, I haven't connected a database for the moment. Adding backend to this App, connecting it to a database to store the data permanently is a future enhancement I plan to do.

Creation of Vue Components
Scoped CSS Component Style
Use of Vue Router
Creating/Handling the form with Vue
Creating/Completing/Deleting a Task

About this project:

This is a Single-Page-Application made with React, where you can save your past and present Meetups (exhibitions, movies, parties, online events...) you have attended or plan to attend. You can save new Meetups, consult all your Meetups, save a Meetup as Favorite and update the Meetup if necessary.

Database: Firestore of Firebase to store the Meetups in a NoSQL document-oriented database

React-DOM
React-router
Components
UseEffect Hook
UseContext hook
UseState hook
useHistory hook
React build-in "Card" and "Link" Components
Responsive

About this project:

This a project from the website Frontend-Mentor. This is a Single-Page-Application made with React, from scratch, starting with only the layout as a JPEG. Building this app from scratch, I learned a lot about State Management, at component level using useState but also globally using the useContext Hook. There was also a lot of conditional rendering and conditional CSS that challenged me a bit.

React
Components
State Management
UseState Hook
UseContext hook
Conditional Rendering
Desktop Layout
Mobile Layout
Modals