Reservia

Reservia¹ is a company giving a planification tool for holidays. Their website allows users to find accommodations and activities in a given city. Accommodations can be filtered by theme, budget or ambience.

Goal of this project: Integration of the website design with HTML and CSS.

Load specifications

Website designs

1. Desktop

2. Mobile

Available in design/mobile_design.png if needed.

3. Tablet

The website is adapted to tablets too (no design imposed).

Features

• Users are able to search for accommodations in a given city. Search field is an entry field, which text can be edited. For now, search button is not functional.
• Each accommodation or activity card is entirely clickable. For now, links are empty.
• Filters are not functional for this version, but they must change on hover.
• In the navigation, "Accommodations" and "Activities" links are anchors leading to page sections.

Technical constraints

• No framework or CSS pre-compiler (like Sass).
• Use of semantic tags.
• No error or alert on W3C validators for HTML or CSS.

Launch

GitHub Pages

The page is available at https://aurelianeg.github.io/reservia/ on GitHub Pages.

Cloning

1. Clone the repository

git clone https://github.com/aurelianeg/reservia.git

2. Launch the project with Live Server

live-server

It opens the website to view it in the browser. The page will reload when changes are made in the code.

Footnotes

1. This is the 1st project of the "Front-end developer (JS - React)" training by OpenClassrooms. ↩