Skip to content

RayBDev/trillo

Repository files navigation

Natours Project

Trillo

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.

📑 Technologies Used

  1. 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.

  2. SASS

    Sass was used to keep the CSS3 code organized, scalable, and maintainable.

  3. React + Gatsby

    Future plans are to build functionality into this design and therefore React and Gatsby were used as the framework.

💻 Getting Started

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.

  1. Install the Gatsby CLI.

    Install the Gatsby CLI to work with this project.

    # install the Gatsby CLI globally
    npm install -g gatsby-cli
  2. Clone the repo

    Clone the repo to your local computer.

    # cd to your desired directory
    git clone https://github.com/RayBDev/trillo.git
  3. Install Dependencies

    Navigate to the root project directory

    npm install
  4. Start the Server

    View the project live on your local machine at http://localhost:8000

    gatsby develop

📧 Contact Me

Contact me and view my portfolio at https://rbernard.ca

About

Trillo Travel App - Gatsby, Sass, Flexbox

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published