https://github.com/okyanusaydgn/trillo_project
Trillo is an all-in-one booking app for hotels 🏨, flights ✈️, car rentals 🚗, and tours 🗺️. It provides a user-friendly interface with features like hotel search 🔍, user notifications 📲, and detailed hotel information 📋. Designed using HTML, Sass/SCSS for better styling management, it ensures a seamless and responsive experience across devices
https://github.com/okyanusaydgn/trillo_project
css-scss html5 responsive-web-design sass-scss trillo-project web-design web-dev
Last synced: 2 days ago
JSON representation
Trillo is an all-in-one booking app for hotels 🏨, flights ✈️, car rentals 🚗, and tours 🗺️. It provides a user-friendly interface with features like hotel search 🔍, user notifications 📲, and detailed hotel information 📋. Designed using HTML, Sass/SCSS for better styling management, it ensures a seamless and responsive experience across devices
- Host: GitHub
- URL: https://github.com/okyanusaydgn/trillo_project
- Owner: Okyanusaydgn
- Created: 2025-03-21T18:30:47.000Z (10 months ago)
- Default Branch: issue_1
- Last Pushed: 2025-04-12T11:58:08.000Z (10 months ago)
- Last Synced: 2025-05-15T20:11:37.029Z (9 months ago)
- Topics: css-scss, html5, responsive-web-design, sass-scss, trillo-project, web-design, web-dev
- Language: SCSS
- Homepage: https://trillo-hub.netlify.app/
- Size: 9.43 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Trillo Project
> This GIF demonstrates the main features of the Trillo website.
>
**Trillo** is an all-in-one booking app for hotels 🏨, flights ✈️, car rentals 🚗, and tours 🗺️. Built with **HTML, CSS, and SASS/SCSS**, it ensures a seamless and responsive experience across devices 📱💻. Search, book, and enjoy your adventures with Trillo! 🌍✨
## 📌 About the Project
Trillo is a user-friendly web application designed to make booking hotels, flights, car rentals, and tours easier than ever. With a clean, modern design and fully responsive layout, it guarantees an exceptional experience on any device.
## 🛠️ Technologies Used
- **Frontend**: HTML, CSS, SASS
- **Code Editor**: Visual Studio Code
- **Deployment**: Netlify
## 🔧 Tools and Resources
Here are the tools and resources used during the development of this project:
### Fonts and Typography
- **🌐 Google Fonts**: For modern and readable typography.
### Colors and Design Tools
- **🎨 Tint and Shade Generator**: For creating consistent color palettes.
- **🌈 Coolors Contrast Checker**: To ensure accessibility and readability.
- **🎨 Open Color**: For a well-balanced color scheme.
### Images and Videos
- **📷 Unsplash**: For high-quality, royalty-free images.
## 🎨 Icons and Design Resources
- **🌐 Icomoon**: [Visit Icomoon](https://icomoon.io) for scalable and customizable icons.
## 🚀 Deployment
The project is deployed on **Netlify**. You can visit the live site here:
🌐 [Trillo Live Demo](https://trillo-hub.netlify.app/)
You can find the source code for this project on GitHub:
🔗 [Trillo GitHub Repository](https://github.com/Okyanusaydgn/Trillo_Project.git)
## 🖥️ How to Run Locally
1. **Clone the repository**:
```bash
git clone https://github.com/Okyanusaydgn/Trillo_Project.git
```
2. **Navigate to the project folder**:
```bash
cd trillo-project
```
3. **Open in Visual Studio Code**:
```bash
code .
```
4. **Install dependencies (if you haven't already):
```bash
npm install
```
5. **Start a local server** (Optional, if needed):
```bash
npm start