🌊 Deep Ocean Abyss Authentication

Immersive deep-sea authentication experience with bioluminescent particles, floating jellyfish, rising bubbles, and underwater atmosphere. Built with Go Fiber, GORM, Pure Go SQLite (no CGO), Alpine.js, and Tailwind CSS.

✨ Features

• 🐙 Animated Jellyfish — Floating bioluminescent jellyfish with swaying tentacles
• 🌊 Rising Bubbles — Dynamic bubble particles ascending through the depths
• ✨ Bioluminescence — Glowing plankton particles creating ambient ocean light
• 🌿 Swaying Seaweed — Animated underwater vegetation at the ocean floor
• 🐠 Swimming Fish — Animated fish crossing the screen
• 🔮 Glass Porthole UI — Frosted glass cards resembling submarine windows
• 📡 Sonar Animation — Pulsing sonar rings on registration page
• 🌊 Caustic Lighting — Realistic underwater light refraction effects
• ⚡ Real-time Validation — Async field validation without page reload
• 💪 Password Strength Meter — Visual 5-level strength indicator
• 🔐 Secure Auth — bcrypt password hashing with session management
• 📱 Fully Responsive — Works on all devices

🛠️ Tech Stack

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

🚀 Quick Start

Clone the repository:

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

Install dependencies and run:

go mod tidy
go run .

Open http://localhost:3000

🐠 Demo Account

Phone: +1 (555) 123-4567
Password: demo123456

📁 Project Structure

go-fiber-auth-abyss/
├── main.go              # Application entry point
├── templates/
│   ├── login.html       # Login page with underwater theme
│   ├── register.html    # Registration with real-time validation
│   └── dashboard.html   # User dashboard
├── render.yaml          # Render deployment config
├── .gitignore
└── README.md

🎨 Visual Effects

Bioluminescence System

• 60+ glowing particles with randomized positions
• Pulsing glow animation with blur effects
• Creates authentic deep-sea atmosphere

Jellyfish Animation

• Multiple jellyfish with unique colors (pink, cyan, violet)
• Bell contraction animation
• Trailing tentacles with independent sway motion

Bubble Physics

• Varied sizes and rise speeds
• Opacity reduction as bubbles ascend
• Scale reduction simulating distance

Seaweed Motion

• Bottom-anchored animation origin
• Natural swaying movement
• Gradient transparency for depth

🔒 Security Features

• Password hashing with bcrypt (cost 10)
• HTTP-only session cookies
• CSRF protection ready
• Input sanitization
• SQL injection prevention via GORM

🌐 API Endpoints

Method	Route	Description
GET	/	Redirect to login/dashboard
GET	/login	Login page
POST	/login	Authenticate user
GET	/register	Registration page
POST	/register	Create new user
GET	/dashboard	Protected dashboard
POST	/logout	End session
POST	/api/validate/email	Async email validation
POST	/api/validate/password	Password strength check

📦 Dependencies

github.com/glebarez/sqlite
github.com/gofiber/fiber/v2
github.com/gofiber/fiber/v2/middleware/session
github.com/gofiber/template/html/v2
golang.org/x/crypto/bcrypt
gorm.io/gorm

🎯 Password Strength Rules

Level	Requirement
1	8+ characters
2	+ lowercase letter
3	+ uppercase letter
4	+ number
5	+ special character

🌡️ Depth Indicators

The UI includes atmospheric depth readings:

• Depth: 3,800m (Abyssopelagic zone)
• Pressure: 380 ATM
• Temperature: 4°C
• Oxygen: 98%

---

Deploy in 10 seconds