← Všechny práceVýrazný web barbershopu, kde si zákazník vybere barbera a rezervuje volný termín online.
Vlastní ukázkový projekt s fiktivním zadáním. Nejde o klientskou zakázku ani o skutečnou provozovnu. Rezervace slouží pouze k vyzkoušení.
Jak je to poskládané
Čtyři vrstvy, jeden web.
- 01
Veřejný web Astro · TypeScript
6 částí webu v Astro – rychlé statické stránky, které Google dobře čte.
- 02
Objednávka Interakce
Interaktivní část, kterou si zákazník projde sám. Každý krok ověřuje server.
- 03
Administrace Správa obsahu
Majitel mění texty, ceny a fotky a vidí vše, co přišlo z webu. Změny jdou ven po Publikovat.
- 04
API a databáze .NET · SQLite
C# / ASP.NET Core hlídá pravidla (kapacitu, kolize, ceny) a data drží v SQLite.
Modelové zadání
Navrhnout web fiktivního barbershopu, kde si návštěvník prohlédne tým a ceník a vybere volný termín bez telefonování.
Co web dělá
Web se šesti stránkami a objednávkovým systémem: zákazník vybere službu, barbera (nebo kohokoli volného), den a čas. Server hlídá, aby jeden barber neměl na stejný čas dva zákazníky.
- Úvod
- Služby & ceník
- Galerie
- Tým
- Rezervace
- Kontakt
Funkce, které si můžete vyzkoušet
- 01
Objednávka k barberovi
Volné časy se načítají živě, obsazené se nedají vybrat. Sobota má vlastní otevírací dobu.
- 02
Ceník s náhledem
Při najetí myší na službu jede za kurzorem fotka – web působí jako z agentury.
- 03
Administrace
Majitel mění ceník, tým i galerii a vidí všechny objednávky na jednom místě.
Co ukázka obsahuje
- C# / ASP.NET Core
- Astro
- TypeScript
- Tailwind CSS
- SQLite
- GSAP
- SEO základ: titulky, popisy, sitemap
- Ovládání klávesnicí
Živá ukázka / Barbershop
Nechte se
vtáhnout.
Projděte si Ostří Barbershop na vlastní kůži. Prohlédněte si celý web a vyzkoušejte jeho funkce.
Ukázkový projekt · Otevře se v novém okně
