https://github.com/andrewjbateman/terracota-app

HTML CSS source code for holiday home rental website hosted on Google App Engine that is linked to public domain "https://www.residencialterracota.com". Vanilla Javascript used for fast initial rendering. Styled with SCSS pre-compiler for code readability. This is a Progressive Web App (PWA) for offline functionality
https://github.com/andrewjbateman/terracota-app

bootstrap5 css google-maps html javascript pwa-apps scss-mixins scss-styles seo-optimization

Last synced: 29 days ago
JSON representation

HTML CSS source code for holiday home rental website hosted on Google App Engine that is linked to public domain "https://www.residencialterracota.com". Vanilla Javascript used for fast initial rendering. Styled with SCSS pre-compiler for code readability. This is a Progressive Web App (PWA) for offline functionality

• Host: GitHub
• URL: https://github.com/andrewjbateman/terracota-app
• Owner: AndrewJBateman
• License: mit
• Created: 2023-10-25T17:33:53.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-25T20:48:51.000Z (over 1 year ago)
• Last Synced: 2024-11-07T03:32:18.209Z (3 months ago)
• Topics: bootstrap5, css, google-maps, html, javascript, pwa-apps, scss-mixins, scss-styles, seo-optimization
• Language: HTML
• Homepage: https://www.residencialterracota.com/
• Size: 8.55 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# :zap: Terracota App

* Single page optimised HTML-CSS-JS website to market a holiday home and aim for perfect SEO

* **Note:** to open web links in a new window use: _ctrl+click on link_

![GitHub repo size](https://img.shields.io/github/repo-size/AndrewJBateman/terracota-app?style=plastic)

![GitHub pull requests](https://img.shields.io/github/issues-pr/AndrewJBateman/terracota-app?style=plastic)

![GitHub Repo stars](https://img.shields.io/github/stars/AndrewJBateman/terracota-app?style=plastic)

![GitHub last commit](https://img.shields.io/github/last-commit/AndrewJBateman/terracota-app?style=plastic)

## :page_facing_up: Table of contents

* [:zap: Terracota App](#zap-terracota-app)

  * [:page\_facing\_up: Table of contents](#page_facing_up-table-of-contents)

  * [:books: General info](#books-general-info)

  * [:camera: Screenshots](#camera-screenshots)

  * [:signal\_strength: Technologies](#signal_strength-technologies)

  * [:floppy\_disk: Setup](#floppy_disk-setup)

  * [:computer: Code Examples](#computer-code-examples)

  * [:cool: Features](#cool-features)

  * [:clipboard: Status \& To-Do List](#clipboard-status--to-do-list)

  * [:clap: Inspiration](#clap-inspiration)

  * [:file\_folder: License](#file_folder-license)

  * [:envelope: Contact](#envelope-contact)

## :books: General info

* Built with HTML, CSS and JavaScript with Bootstrap 5 CSS and Javascript

* Progressive Web App (PWA)

* CSS and Javascript are minimised to reduce initial render/First Contentful Paint time.

* SEO optimised

## :camera: Screenshots

![Example screenshot](./imgs/home.png).

## :signal_strength: Technologies

* [HyperText Markup Language HTML](https://developer.mozilla.org/en-US/docs/Glossary/HTML)

* [Cascading Style Sheets CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) styling

## :floppy_disk: Setup

* Open index.html using [Visual Studio Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer). Changes are updated automatically on server.

## :computer: Code Examples

* index.html extract showing how new format webp images are marked up in HTML

```html

          


            

              

              

              

            

            


              
Terracota

              


                Una vivienda moderna, muy bien equipada y muy confortable. En

                este alojamiento se respira tranquilidad: ¡relájate con toda la

                familia!

              

            

          

```


## :cool: Features

* Deployed to web

* SEO optimised

## :clipboard: Status & To-Do List

* Status: Working.

* To-Do: SEO

## :clap: Inspiration

* [Anna Monus: 9 tricks to eliminate render blocking resources](https://blog.logrocket.com/9-tricks-eliminate-render-blocking-resources/)

## :file_folder: License

* This project is licensed under the MIT License - see the LICENSE file for details.

## :envelope: Contact

* Repo created by [ABateman](https://github.com/AndrewJBateman), email: `[email protected]`