⚙️ Clockwork Authentication

Steampunk-themed 3D authentication system with rotating gears, steam particles, bronze aesthetics, and Victorian industrial design. Built with Go Fiber, GORM, SQLite, Alpine.js, and Tailwind CSS. No CGO required!

✨ Features

• ⚙️ Rotating Gear Animations — Multiple CSS-animated gears at different speeds
• 💨 Steam Particle Effects — Rising steam creates industrial atmosphere
• 🔩 Metal Plate UI — Bronze rivets, copper borders, brass buttons
• 🕰️ Swinging Pendulum — Hypnotic mechanical motion
• 📊 Pressure Gauge Indicator — Decorative animated gauge
• 🔐 Secure Authentication — bcrypt password hashing
• ⚡ Real-time Validation — Async field validation without page reload
• 💪 Password Strength Meter — Visual 5-level strength indicator
• 📱 Fully Responsive — Works on all devices
• 🚀 No CGO — Pure Go SQLite driver for easy deployment

🛠️ Tech Stack

Layer	Technology
Backend	Go 1.21+, Fiber v2
Database	SQLite (glebarez/sqlite)
ORM	GORM
Frontend	Alpine.js 3.x
Styling	Tailwind CSS 3.x
Auth	bcrypt, Sessions

🚀 Quick Start

Clone and run:

git clone https://github.com/smart-developer1791/go-fiber-auth-clockwork
cd go-fiber-auth-clockwork

Initialize and start:

go mod tidy
go run .

Open http://localhost:3000

🔑 Demo Credentials

Field	Value
Email	demo@clockwork.io
Password	clockwork2024
Phone	+1 (555) 867-5309

📁 Project Structure

go-fiber-auth-clockwork/
├── main.go              # Fiber server, routes, auth logic
├── templates/
│   ├── login.html       # Login page with gear animations
│   ├── register.html    # Registration with validation
│   └── dashboard.html   # User dashboard
├── render.yaml          # Render deployment config
├── .gitignore
└── README.md

🎨 Visual Effects

Gear System

• 5+ interconnected gears rotating at different speeds
• CSS conic-gradient for realistic teeth
• Bronze/copper metallic gradients

Steam Particles

• 12+ floating particles with blur effect
• Random positioning and staggered animations
• Realistic rising steam motion

Metal Plate Forms

• Gradient backgrounds mimicking aged bronze
• Corner rivets with 3D highlights
• Embossed border styling

🔒 Security Features

• bcrypt password hashing with cost factor 10
• HTTP-only session cookies
• Server-side validation for all inputs
• Email uniqueness checking
• Password requirements: 8+ chars, uppercase, lowercase, number

📡 API Endpoints

Method	Endpoint	Description
GET	/login	Login page
POST	/api/login	Authenticate user
GET	/register	Registration page
POST	/api/register	Create account
GET	/dashboard	Protected dashboard
POST	/logout	End session
POST	/api/validate-field	Real-time validation

🌐 Environment Variables

Variable	Default	Description
PORT	3000	Server port

📦 Dependencies

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

---

Deploy in 10 seconds