Trillo is a travel review and booking application focused on hotels, flights, car rentals, and tours. This website is a design concept of what the app will look like but functionality has not yet been included. Future planning includes API and backend integration to take this website from design to functional SPA.
-
HTML5 & CSS3
This website makes heavy use of HTML5 semantic elements along with BEM CSS3 naming convention. It showcases the power of flexbox which is used throughout the design and floats were avoided all together.
-
SASS
Sass was used to keep the CSS3 code organized, scalable, and maintainable.
-
React + Gatsby
Future plans are to build functionality into this design and therefore React and Gatsby were used as the framework.
The easiest way to view this project is to follow this link.
You may also clone this repo to view the code and run it directly on your local machine.
-
Install the Gatsby CLI.
Install the Gatsby CLI to work with this project.
# install the Gatsby CLI globally npm install -g gatsby-cli
-
Clone the repo
Clone the repo to your local computer.
# cd to your desired directory git clone https://github.com/RayBDev/trillo.git
-
Install Dependencies
Navigate to the root project directory
npm install
-
Start the Server
View the project live on your local machine at
http://localhost:8000
gatsby develop
Contact me and view my portfolio at https://rbernard.ca