RentMyRoom

Description

This website simulates a room-booking site with focus on clean layout and user-friendly forms. Having followed a tutorial on pluralsight about Angular forms, I decided to build a similar one on my own.

Since i mainly focused on the frontend part in this project, customer registrations and bookings are only temporarily saved because there is no database connected.

Methods used

• Angular
• Angular CLI
• Typescript
• Node.js
• HTML/CSS

UI/UX

To enhance the feeling of user-friendliness i picked bright pastel tones as base colors and a stronger blue to highlight the fonts, making them more visible

Landing page

• From here the user can navigate to the services or leave a rating.

The register form

• The form makes sure that the user can't proceed if the fields are not filled in correctly and shows hints if something is wrong. The first letters are automatically converted to capital letters

The booking form

• A Dropdown menu and date-picker helps the customer to enter correct data