SkyMailbox Sprint Plan Home W1-W12 Blueprint Map

SkyMailbox Waterfall Sprints

10 sprintů KOMPLETNÍCH. Kompletní email systém pro SKYNET ekosystém — Auth backend, Email API, React frontend, deploy na CloudFront.

Otevřít SkyMailbox →

Waterfall Progress 10 / 10 sprintů ✅
1
2
3
4
5
6
7
8
9
10
Execution Timeline (10 hodin)
H1
Auth Backend — Lambda + DynamoDB + JWT
H2
Email API — CRUD + SES + Folders
H3
Frontend Setup — React + Vite + Tailwind + Router
H4
Login UI — Register/Login + Auth Store
H5
Inbox UI — Email List + Pagination
H6
Email Reader — Detail + HTML render + Reply
H7
Compose — Send + Reply/Forward + Validation
H8
Folders & Search — Sidebar + Navigation + Search
H9
Integration — E2E Tests + Bug Fixes
H10
Deploy — S3 + CloudFront + DNS = LIVE!
10.1
Auth Backend — Lambda + DynamoDB
~55 min · Žádné závislosti · Backend základ
COMPLETE

Kompletní autentizační backend: DynamoDB tabulka skymailbox-users, Lambda s JWT auth (register, login, verify, refresh), deployment script, automatické testy.

auth_lambda.py — Handler
deploy_auth_lambda.sh — Deploy
test_auth_api.py — 6 testů
auth_lambda.zip — Package
Python 3.11 Lambda DynamoDB JWT/PBKDF2
10.2
Email CRUD API — Lambda + SES
~55 min · Závisí na: 10.1 · Email endpoints
10.1 ✅

Email CRUD API: DynamoDB tabulka skymailbox-emails, 7 endpointů (send, inbox, sent, read, delete, folders, move), SES integrace, JWT auth na všech endpointech.

email_lambda.py — Handler
deploy_email_lambda.sh — Deploy
test_email_api.py — 7 testů
EMAIL_API_URL.txt — URL
Python 3.11 Lambda DynamoDB SES
10.3
Frontend Setup — React + Vite + Tailwind
~50 min · Závisí na: 10.2 · Projekt scaffold
10.2 ✅

React + TypeScript + Vite scaffold s Tailwind dark theme, React Router, Zustand stores (auth + email), API client utility, Layout s sidebar. Build musí projít.

skymailbox/ — React projekt
src/lib/api.ts — API client
src/store/ — Zustand
src/components/Layout.tsx
React 18 TypeScript Vite Tailwind Zustand
10.4
Login UI — Register & Login Components
~45 min · Závisí na: 10.3 · Auth flow
10.3 ✅

Kompletní login/register stránka: Sign In / Create Account tabs, error handling, loading states, SKYNET branded design, redirect po loginu.

Login.tsx — Auth page
React Tailwind
10.5
Inbox UI — Email List & Pagination
~50 min · Závisí na: 10.4 · Email list
10.4 ✅

Email list s preview, read/unread styling, batch select, loading skeleton, empty state, relative dates. Funguje pro INBOX i SENT.

Inbox.tsx — List page
EmailListItem.tsx
dateUtils.ts
React Zustand
10.6
Email Reader — Detail & HTML Render
~45 min · Závisí na: 10.5 · Čtení emailů
10.5 ✅

Email detail: header (from, to, subject, date), HTML body rendering (DOMPurify), reply/forward/delete akce, keyboard navigace.

EmailReader.tsx
React DOMPurify
10.7
Compose — Send, Reply & Forward
~50 min · Závisí na: 10.6 · Odesílání
10.6 ✅

Email composer: To/CC/BCC s email chips, subject, body editor, send s loading, reply/forward pre-fill, discard draft, toast notifications.

Compose.tsx
EmailChip.tsx
Toast.tsx
React Zustand
10.8
Folders & Search — Navigation
~45 min · Závisí na: 10.7 · Kompletní navigace
10.7 ✅

Sidebar folders s unread counts, custom folders, search bar s debounce, search results, folder routing, compose button.

Layout.tsx — updated
SearchBar.tsx
CreateFolderDialog.tsx
SearchResults.tsx
React Router
10.9
Integration Testing — E2E
~50 min · Závisí na: 10.8 · Kompletní test
10.8 ✅

E2E integrace: propojení frontend + backend, 13 automatizovaných testů, bug fixes, CORS ověření, performance check, accessibility.

test_e2e.py — 13 testů
.env — API URLs
Bug fixes ve všech souborech
Python Tests React Build
10.10
Production Deploy — S3 + CloudFront + DNS
~55 min · Závisí na: 10.9 · LIVE!
10.9 ✅

Production deploy: build React app, S3 upload, CloudFront distribuce, DNS pro skymailbox.net, SSL certifikát, SKYNET ecosystem propojení, smoke test.

deploy_frontend.sh
ARCHITECTURE.md
WATERFALL_COMPLETE.md
S3 CloudFront Route53 ACM SSL
Architecture po dokončení
skymailbox.net (React SPA) │ ├── Auth API (Lambda) ──── DynamoDB skymailbox-users │ ├── POST /register │ ├── POST /login │ ├── GET /me │ └── POST /refresh │ └── Email API (Lambda) ──── DynamoDB skymailbox-emails ├── POST /send ────── SES ├── GET /inbox ├── GET /sent ├── GET /email/:id ├── DELETE /email/:id ├── GET /folders └── POST /move CDN: CloudFront · DNS: Route53 · SSL: ACM