Projects

KASA: A fictional online Marketplace for short-term homestays OpenClassRooms.com

project 7 on github

A Frontend project

  • based on REACT.js
  • React environment installed through Create React App
  • React functional components structure the architecture
  • React Router Dom used to code the Router
  • Introduced me the props, the hooks (useState, useEffect) and the JSX
application kasa

API for a fictional app PIIQUANTE publishing crowd-source reviews about sauce recipes OpenClassRooms.com

project 6 on github

A Backend project

  • based on Node.js
  • the API serves and exploits a MongoDB database
  • Database Models designed with Mongoose
  • Use of jsonWebToken
  • Use of bcrypt
  • Use of password-validator
application piiquante

KANAP: A fictional e-commerce website selling furniture OpenClassRooms.com

project 5 on github

A Frontend project

  • based on Node.js
  • Fetch function for GET and POST calls
  • Use of various js tools and methods such as:
  • localStorage, searchParams, JSON
  • traditional combination of html and js files
  • JS code based on DOM elements and events to:
  • read, collect and transmit data to/from backend
application kanap

LA CHOUETTE AGENCE: A fictional institutional website OpenClassRooms.com

project 4 on github

A Frontend project

  • Corrections of an existing website
  • Optimizing it on SEO, accessibility (WCAG), loading time and performance
  • Use of concepts and tools such as:
  • native HTML tags, aria-label, changing file format
  • resizing and compressing pictures
  • Use of lighthouse, w3c validators and dev tools
la Chouette Agence

OH MY FOOD: A fictional restaurant directory app OpenClassRooms.com

project 3 on github

A Frontend project

  • CSS animations: loading spinners, hover responsive elements
  • rotations, appearances and disappearances of components
  • Use of properties: keyframes, transitions, pseudo-element, opacity, z-index
  • Use of SASS/CSS and its properties and assets:
  • @mixin, SASS maps, SASS variables, nesting syntax, the ampersand, the selector combinators, the CSS specificity
  • familiarisation with npm commands and installing of SASS and autoprefixer
Oh My Food application

RESERVIA: A fictional marketplace for short term homestays OpenClassRooms.com

project 2 on github

A Frontend project

  • Focus on the fundamentals of HTML, CSS, git, github
  • And how to make responsive applications
  • Use of CSS properties: Flexbox, Grid, object-fit, order, flex-direction
  • position, the CSS media queries, the use of developer tools
Reservia Application
computer and notebook