Military tactical-themed 3D authentication system celebrating Defender's Day! Features camouflage patterns, radar sweeps, floating dog tags, military stars, scan lines, and tactical HUD elements.
- ποΈ Military Aesthetic β Camouflage background with tactical overlays
- π‘ Animated Radar β Real-time rotating radar sweep with range rings
- π·οΈ Floating Dog Tags β Swinging metal dog tags with 3D shadows
- β Pulsing Stars β Golden military stars with glow effects
- π Scan Lines β CRT-style scan line animations
- π Corner Brackets β Tactical targeting brackets on forms
- π― Crosshair Elements β Decorative targeting crosshairs
- β Real-time Validation β Async field validation with military feedback
- πͺ Password Strength β 5-level security meter with tactical names
- π Secure Auth β Bcrypt hashing with GORM + SQLite
- π± Fully Responsive β Mobile-first tactical design
| Layer | Technology |
|---|---|
| Backend | Go + Fiber v2 |
| Database | GORM + SQLite (CGO-free) |
| Frontend | Alpine.js + Tailwind CSS |
| Styling | Military fonts + CSS 3D |
| Auth | Bcrypt password hashing |
Clone and run:
git clone https://github.com/smart-developer1791/go-fiber-auth-tactical
cd go-fiber-auth-tacticalInstall dependencies and start:
go mod tidy
go run .| Field | Value |
|---|---|
| commander@tactical.mil | |
| Password | commander123 |
| Phone | +1 (555) 234-5678 |
go-fiber-auth-tactical/
βββ main.go # Fiber server + GORM models
βββ templates/
β βββ login.html # Tactical login form
β βββ register.html # Enlistment form
β βββ dashboard.html # HQ dashboard
βββ render.yaml # Render deployment config
βββ .gitignore
βββ README.md
Multi-layer CSS gradient simulating military camo patterns
- Rotating sweep line with green glow
- Concentric range rings
- Absolute positioning for depth
- 3D metal gradient effect
- Realistic swing animation
- Embossed text styling
- Corner targeting brackets
- Scan line overlays
- Crosshair decorations
| Method | Endpoint | Description |
|---|---|---|
| GET | / |
Redirect to login |
| GET | /login |
Login terminal |
| GET | /register |
Enlistment form |
| GET | /dashboard |
HQ dashboard |
| POST | /api/login |
Authenticate operative |
| POST | /api/register |
New enlistment |
| POST | /api/validate-field |
Real-time validation |
This project celebrates Defender of the Fatherland Day (February 23) with:
- Military command center aesthetics
- Tactical terminology throughout UI
- Medal and star decorations
- Call sign registration
- Rank system (Recruit β Commander)
- Mobile: Simplified layout, hidden decorations
- Tablet: Partial decorative elements
- Desktop: Full tactical experience with radar, dog tags, stars
ποΈ Built for Defender's Day | Go Fiber + GORM + Alpine.js + Tailwind CSS