1. Vue 83%
  2. JavaScript 15%
  3. HTML 1%
  4. Ostatní 1%

Zapomenutá Orlová

Doprovodný web studentského projektu - historické stezky s cílem objasnit dávno zapomenutou historii Orlové.


README also available in English 🇬🇧

Table of contents

Obecné informace

Projekt je PWA (Progresivní Webová Aplikace) vytvořená pomocí Vue a navržená jako prezentace projektu a mapa stezky. Jako PWA je web postaven tak, že je možné jej stáhnout včetně mapových dlaždic a jej pak používat úplně offline.

Středobodem webu je pak mapa. Pomocí knihovny Leaflet bylo snadné vytvořit komplexní, však na ovládání jednoduchý přehled o stezce. Uživatelé pak mohou kliknout na body stezky a otevřít články o těchto místech.

Z pohledu autora článků je architektura webu pohodlná, protože články jsou psány v markdownu a poté jsou za běhu převedeny do html. Což znamená, že se autor může soustředit pouze na obsah, zatímco formu zpracovává samotný web.

Konzistentní forma je zajištěna end-to-end testováním pomocí Cypress frameworku. Rychlá iterace během vývojové fáze je pak řešena prostřednictvím CI / CD a tím jsou GitHub Actions pro testování PR a Netlify pro building a deployment.

Netlify Status

Technologie