alexperronnet / openclassrooms-02-booki

Project 02 of the "JavaScript React Developer" training path with OpenClassrooms

Home Page:https://openclassrooms-02-booki.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Booki

Caution

This repository hosts a project completed as part of my OpenClassrooms training program. Having successfully completed the program, the project has now been archived and will no longer be actively maintained. Please be aware that while the repository will remain accessible for reference, some links or features may no longer function as intended.

Booki preview

Overview

The Project

The project is to create a prototype of the Booki website by integrating the HTML and CSS model.

User Story

  • the integration must be done only in HTML5 and CSS3, no frameworks must be used.
  • The HTML must be validate by W3C.
  • The CSS must be validate by W3C.
  • The search field must be an input field. The search functionality does not have to be implemented.
  • Each cards must be fully clickable.
  • Filters should change appearance on hover.
  • In the menu, all links are anchors that should lead to the sections of the page.
  • The website must be responsive.
  • The integration must be done in desktop first.
  • The images must be the right size for a better visual rendering and good performance.
  • It is important to use pixels and percentage instead of EM and REM.
  • It is recommended to use Flexbox but it is allowed to use Grid.
  • The prototype must be compatible with the latest versions of Google Chrome and Mozilla Firefox.

Style Guide

Colors

The colors are: #0065FC, #DEEBFF, #F2F2F2

Font

The font is Raleway.

Icons

Icons are from Font Awesome.

Local Development

Just clone this repo and use the live server to test the project.

git clone https://github.com/alexperronnet/openclassrooms-02-booki.git
cd openclassrooms-02-booki

License

This is an OpenClassrooms project. The code is freely reusable, but assets (images and logo) are not because they are not mine.

If you are also a student of OC, you can freely use my work as inspiration, but I advise you not to copy parts of it.


About

Project 02 of the "JavaScript React Developer" training path with OpenClassrooms

https://openclassrooms-02-booki.netlify.app


Languages

Language:HTML 68.7%Language:CSS 31.3%