๐ Tranquil Japanese cherry blossom authentication with falling petals, moonlit night, floating lanterns, and zen garden aesthetics. Fully responsive design!
- ๐ Moonlit Night Sky โ Glowing moon with crater details
- ๐ธ Falling Sakura Petals โ Dynamic CSS-animated cherry blossoms
- ๐ฎ Floating Lanterns โ Traditional Japanese paper lanterns
- ๐ Koi Pond โ Water ripples with swimming koi fish
- ๐ Cherry Blossom Branches โ Decorative sakura tree elements
- โจ 3D Glassmorphism Cards โ Subtle breathing animations
- โก Real-time Validation โ Async field validation via API
- ๐ Secure Auth โ bcrypt password hashing
- ๐ง Email Auth โ Login and register with email
- ๐ช Password Strength Meter โ Visual strength indicator
- ๐ฑ Fully Responsive โ Mobile-first design
- ๐ Zero Page Reloads โ All errors handled via AJAX
| Layer | Technology |
|---|---|
| Backend | Go 1.21+ with Fiber v2 |
| Database | SQLite (Pure Go, no CGO) |
| ORM | GORM |
| Frontend | Alpine.js 3.x |
| Styling | Tailwind CSS 3.x |
| Auth | bcrypt + Sessions |
Clone and run:
git clone https://github.com/smart-developer1791/go-fiber-auth-sakura
cd go-fiber-auth-sakuraInitialize and start:
go mod tidy
go run .| Field | Value |
|---|---|
| demo@sakura.app | |
| Password | demo1234 |
go-fiber-auth-sakura/
โโโ main.go # Fiber server, routes, handlers
โโโ templates/
โ โโโ login.html # Email login with sakura theme
โ โโโ register.html # Email registration
โ โโโ dashboard.html # Responsive zen dashboard
โโโ sakura_auth.db # SQLite database (auto-created)
โโโ render.yaml # Render deployment config
โโโ README.md
- 35 petals on desktop, 20 on mobile
- Unique fall trajectories with sway
- Random sizes and animation delays
- Soft pink gradient colors with glow
- Radial gradient for 3D effect
- Crater details via pseudo-elements
- Pulsing glow animation
- Responsive sizing
- Swimming animation across pond
- Orange-gold gradient
- Hidden on mobile for performance
- Floating animation
- Warm glow effect
- Responsive visibility
- bcrypt password hashing (cost 10)
- HTTP-only session cookies
- Server-side validation
- SQL injection protected via GORM
- XSS protected via template escaping
- Mobile-first approach
- Adaptive petal count (20 mobile / 35 desktop)
- Collapsible header elements
- Touch-friendly inputs
- Optimized animations for mobile
| Method | Endpoint | Description |
|---|---|---|
| GET | / | Redirect to /login |
| GET | /login | Login page |
| POST | /api/login | Authenticate user |
| GET | /register | Registration page |
| POST | /api/register | Create account |
| POST | /api/validate/email | Check email available (register) |
| POST | /api/validate/email-exists | Check email exists (login) |
| GET | /dashboard | Protected dashboard |
| POST | /logout | End session |
github.com/glebarez/sqlite
github.com/gofiber/fiber/v2
github.com/gofiber/fiber/v2/middleware/logger
github.com/gofiber/fiber/v2/middleware/session
github.com/gofiber/template/html/v2
golang.org/x/crypto
gorm.io/gorm