WebForDog - Rozcestník

Akční plán — krok za krokem

6 fází: MVP web → Příprava spuštění → Prvních 90 dní → Diferenciace → Magic funkce → Expanze DE/EU. Plus boční sekce „Na co si dát pozor". Stav zaškrtnutých úkolů se ukládá do Vašeho prohlížeče.

PHP: plan.php
HTML: pages/plan/plan.html
CSS: pages/plan/plan.css

Databázové schéma — návrh kartotéky MVP

Návrh všech 30 tabulek pro MVP databázi (uživatelé, stanice, psi, vrhy, štěňata, zprávy, číselníky…) v 6 logických skupinách. Pro chovatelku laicky („co je databáze a šanon"), pro programátora dostatečně přesně (sloupce, typy, vztahy, indexy). ASCII diagram propojení tabulek + poznámky (GDPR soft delete, UTF-8mb4, časové zóny).

PHP: databazove-schema.php
HTML: pages/databazove-schema/databazove-schema.html
CSS: pages/databazove-schema/databazove-schema.css

Landing page — tichý rozjezd

Homepage pro prvních 20 chovatelek. Pozvánka do zakládajícího programu, 2min video, ukázky seed stanic, benefity, FAQ, CTA registrace. Platí dokud nebude 20 aktivních stanic — pak se přepne na plný katalog.

PHP: landing.php
HTML: pages/landing/landing.html
CSS: pages/landing/landing.css

O nás

Stránka detailu chovatelské stanice

HTML: pages/detail-stanice/detail-stanice.html
CSS: pages/detail-stanice/detail-stanice.css

Naši chovní psi

Přehled chovných psů a fen podle plemen

HTML: pages/chovni-psi/chovni-psi.html
CSS: pages/chovni-psi/chovni-psi.css

Detail psa/feny

Kompletní detail konkrétního chovného psa nebo feny

PHP: detail-pes.php
HTML: pages/detail-stanice/detail-pes.html
CSS: pages/detail-stanice/detail-pes.css

Odchovy

Přehled odchovů - aktuální, plánované vrhy a historie

PHP: pages/odchovy/odchovy.php
CSS: pages/odchovy/odchovy.css

Detail vrhu

Kompletní detail konkrétního vrhu - štěňata, rodiče, info

PHP: detail-vrhu.php
HTML: pages/detail-vrhu/detail-vrhu.html
CSS: pages/detail-vrhu/detail-vrhu.css

Recenze

Stránka s recenzemi chovatelské stanice

HTML: pages/recenze/recenze.html
CSS: pages/recenze/recenze.css

Galerie

Fotogalerie chovatelské stanice s filtry a lightboxem

PHP: pages/galerie/galerie.php
CSS: pages/galerie/galerie.css

Novinky

Novinky a aktuality chovatelské stanice - vrhy, výstavy, zdraví

PHP: pages/novinky/novinky.php
CSS: pages/novinky/novinky.css

Obchodní podmínky

Smluvní vztah mezi Vámi (provozovatelem) a uživateli — 12 článků: úvodní ustanovení, definice pojmů, registrace, předmět služby, práva a povinnosti, cena (zakládajících 20 = zdarma natrvalo), ověřování, ukončení účtu, reklamace, mimosoudní řešení sporů (ČOI).

PHP: obchodni-podminky.php
HTML: pages/obchodni-podminky/obchodni-podminky.html
CSS: pages/obchodni-podminky/obchodni-podminky.css

Zásady zpracování osobních údajů (GDPR)

Podle GDPR + zákona č. 110/2019 Sb. — kdo je správce, jaká data sbíráme, proč, jak dlouho, komu předáváme, jaká máte práva. Včetně TL;DR shrnutí pro laiky, tabulky doby uchování, seznamu zpracovatelů a práv subjektu údajů. Kontakt na ÚOOÚ.

PHP: zasady-zpracovani.php
HTML: pages/zasady-zpracovani/zasady-zpracovani.html
CSS: pages/zasady-zpracovani/zasady-zpracovani.css

Zásady používání cookies

Co jsou cookies (laicky), 4 kategorie (nezbytné / funkční / analytické / marketingové), tabulka konkrétních cookies, právní základ, jak je spravovat v prohlížeči. Marketingové cookies v MVP nepoužíváme.

PHP: cookies.php
HTML: pages/cookies/cookies.html
CSS: pages/cookies/cookies.css

Kontakt (s formulářem)

Levý sloupec: údaje provozovatele, e-mail, čas odpovědi, připomínka přihlášeným, ať používají interní zprávy. Pravý sloupec: kontaktní formulář s tématem, jménem, e-mailem, zprávou + povinný GDPR souhlas + skrytý honeypot proti spamu. Pod tím FAQ se 4 typickými otázkami.

PHP: kontakt.php
HTML: pages/kontakt/kontakt.html
CSS: pages/kontakt/kontakt.css

26 výhod pro chovatele

Kompletní seznam výhod "Proč si vybrat naši stanici" - chovatel vybírá 3-6 z nich

PHP: vyhody-chovatele.php

Můj účet - Zájemce

Dashboard pro zájemce - přehled, zprávy, oblíbené, recenze, nastavení

PHP: muj-ucet.php
CSS: pages/muj-ucet/muj-ucet.css

Zprávy - Messenger

Interní komunikace mezi zájemci a chovateli - seznam konverzací, chat

PHP: muj-ucet-zpravy.php
CSS: pages/muj-ucet/muj-ucet-zpravy.css

Účet chovatele - Dashboard

Profi dashboard pro chovatele - nástěnka, evidence psů, vrhy, inzerce, statistiky

PHP: ucet-chovatele.php
CSS: pages/ucet-chovatele/ucet-chovatele.css

Registrace / Přihlášení (Popup)

Jednotná vstupní brána - Apple, Google, Facebook, e-mail + výběr role

HTML (přihlášení): components/auth-popup/auth-popup.html
HTML (výběr role): components/auth-popup/role-popup.html
CSS: components/auth-popup/auth-popup.css
CSS stránky: pages/registrace/registrace.css

Registrace zájemce o štěně

Jednoduchý formulář pro ověření zájemce + SMS modál - po úspěchu vede do Mého účtu

PHP: registrace-zajemce.php
HTML: pages/registrace-zajemce/registrace-zajemce.html
CSS: pages/registrace-zajemce/registrace-zajemce.css
SMS modál: components/sms-verification-modal/

Registrace stanice (Wizard) - STARÁ VERZE

Vícekrokový wizard pro registraci chovatelské stanice - základní info, o nás, plemena, výhody, kontakt

HTML: pages/registrace-stanice/registrace-stanice.html
CSS: pages/registrace-stanice/registrace-stanice.css

Registrace stanice V2 (3 kroky) - NOVÁ

Zjednodušený 3-krokový wizard: Stanice → Plemena → Výhody. Mobile-first, rychlá registrace.

HTML: pages/registrace-stanice/registrace-stanice-v2.html
CSS: pages/registrace-stanice/registrace-stanice-v2.css

Pozvánka - Doplnit profil psa

Landing page pro pozvaného chovatele — doplní údaje o psovi a tím si založí účet (soft onboarding)

PHP: pozvanka.php
CSS: pages/pozvanka/pozvanka.css

Confirm Dialog

Potvrzovací dialog pro mazání, odhlášení apod. Mobile-first, animovaný.

CSS: components/confirm-dialog/confirm-dialog.css
JS: components/confirm-dialog/confirm-dialog.js
Dokumentace: components/confirm-dialog/confirm-dialog.html
Použití: confirmRemoveFavorite(), confirmDelete(), confirmLogout()

Toast Notifikace

Status hláška - úspěch, chyba, info, varování, neutrální. Automaticky zmizí po 4s, lze zavřít křížkem.

CSS: components/toast/toast.css
JS: components/toast/toast.js
Dokumentace: components/toast/toast.html
Použití: Toast.success(), Toast.error(), Toast.info(), Toast.warning(), Toast.neutral()

Mustr Badges (Štítky)

Přehled všech barev štítků v projektu + návrh jednotného systému

HTML: pages/detail-vrhu/badge-mustr.html

Pozvánka (Landing page)

Formulář pro cizího chovatele — doplnění profilu psa do rodokmenu

PHP: pozvanka.php
CSS: pages/pozvanka/pozvanka.css

Email: Magic link (pro vyplňujícího)

Email s odkazem na správu profilu psa — odesílá se chovateli po vyplnění formuláře

Notifikace stanici (systémová)

Žádající stanice dostane zelenou notifikaci v nástěnce (Doporučení a novinky) — ne email