Mé portfolio
Toto portfolio, které právě vidíte. Potřeboval jsem prostor, ve kterém mohu sdílet svou práci a toto je výsledek. Pro jeho stvoření jsem použil framework Astro, který slouží pro tvorbu jednoduchých statických stránek, tedy ideální technologie pro tvorbu portfolia.
O projektu
Potřeba prezentovat své dosavadní projekty, dovednosti a zkušenosti na jednom přehledném místě vedla k vytvoření tohoto profesního portfolia. Stránka, kterou si právě prohlížíte, slouží jako moje digitální vizitka a ukázka mé práce v oblasti webového vývoje.
Pro realizaci jsem se rozhodl využít moderní webový framework Astro, do kterého jsem se v poslední době zamiloval. Jeho hlavní předností je generování rychlých, staticky orientovaných stránek s minimem JavaScriptu na straně klienta, což přispívá k vynikajícímu výkonu a dobré UX.
Cíle
Hlavním cílem bylo vytvořit čistou, responzivní a snadno navigovatelnou webovou stránku, která by efektivně umožnila:
- prezentovat mé dokončené softwarové projekty s detailním popisem, použitými technologiemi a odkazy,
- přehledně zobrazit nejen mé technické dovednosti a znalosti,
- poskytnout snadno dostupné kontaktní informace a odkazy na mé profily
Budoucnost
Toto portfolio je živým projektem. Plánuji jej pravidelně aktualizovat o nové projekty, jakmile budou dokončeny, a doplňovat nově získané dovednosti a zkušenosti. Do budoucna bych chtěl přidat i variantu v angličtině.
Technologie
Celé portfolio je postaveno na frameworku Astro. Ten byl zvolen díky své funkcionalitě vytvářet rychlé statické weby. A zejména jsem si chtěl vyzkoušet nový framework, který se mi tolik líbí.
Struktura stránek je definována pomocí sémantického HTML5. Vzhled a responzivita jsou řešeny pomocí CSS3, s využitím moderních technik jako Flexbox a CSS Grid. Logika pro dynamičtější části nebo specifické komponenty je psána v TypeScriptu a JavaScriptu. Obsah projektů je spravován pomocí Markdown souborů, což usnadňuje jejich aktualizaci.
Rozhodl jsem se pro deploy na GitHub Pages, jelikož se jednalo o nejsnazší varaiantu. Zároveň jsem se také chtěl přiučit něčemu novému, jelikož jsem GH Pages nikdy pořádně nepoužil.
Tech stack
Framework & Frontend
- Astro
- HTML5
- CSS3
- TypeScript
- JavaScript
- Markdown (pro obsah projektů)
Nástroje & Prostředí
- Git
- GitHub
- Visual Studio Code
- Node.js
- pnpm
Deployment
- GitHub Pages