Skip to content

smart-developer1791/go-fiber-auth-dna

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🧬 DNA Biogenesis Authentication

Go Version Fiber GORM SQLite Tailwind CSS Alpine.js Render

Immersive 3D genetic-themed authentication system with rotating DNA double helix, floating nucleotides (A, T, G, C), and bioluminescent visual effects.

✨ Features

  • 🧬 Rotating 3D DNA Helix β€” Animated double helix with connected base pairs
  • πŸ”¬ Floating Nucleotides β€” A, T, G, C particles drifting in background
  • πŸ’š Bioluminescent Glow β€” Cyan, green, magenta, and orange color palette
  • ⚑ Async Validation β€” Real-time field validation without page reload
  • πŸ” Password Strength Meter β€” Visual genetic sequence strength indicator
  • πŸ“§ Email Uniqueness Check β€” Live database lookup on input
  • 🎨 Glassmorphic UI β€” Frosted glass effect with subtle animations
  • πŸ“± Fully Responsive β€” Works on all devices
  • 🚫 No CGO Required β€” Pure Go SQLite driver

πŸ› οΈ Tech Stack

Layer Technology
Backend Go + Fiber v2
Database SQLite (CGO-free)
ORM GORM
Frontend Alpine.js + Tailwind CSS
Auth bcrypt + Sessions

πŸš€ Quick Start

Clone the repository:

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

Initialize dependencies and run:

go mod tidy
go run .

Open http://localhost:3000

πŸ”‘ Demo Credentials

Field Value
Email helix@dna-lab.io
Password genome2024
Phone +1 (555) 867-5309

πŸ“ Project Structure

go-fiber-auth-dna/
β”œβ”€β”€ main.go              # Fiber server, routes, handlers
β”œβ”€β”€ go.mod               # Go module definition
β”œβ”€β”€ render.yaml          # Render deployment config
β”œβ”€β”€ .gitignore           # Git ignore rules
β”œβ”€β”€ README.md            # Documentation
└── templates/
    β”œβ”€β”€ login.html       # Login page with DNA animation
    β”œβ”€β”€ register.html    # Registration with live validation
    └── dashboard.html   # Authenticated user dashboard

🎨 Visual Elements

DNA Double Helix

  • 20 base pairs per strand
  • 720Β° rotation cycle
  • Connected A-T and G-C pairs
  • 3D CSS transforms

Color Palette

  • Adenine (A): #00ff87 β€” Bright Green
  • Thymine (T): #ff0055 β€” Magenta Red
  • Guanine (G): #00d4ff β€” Cyan Blue
  • Cytosine (C): #ffaa00 β€” Orange

Effects

  • Floating nucleotide letters
  • Bio-particle drift
  • Pulsing glow effects
  • Glassmorphic cards

πŸ”’ Security Features

  • bcrypt password hashing
  • HTTP-only session cookies
  • CSRF protection via SameSite
  • Real-time input sanitization
  • Server-side validation

πŸ“‘ API Endpoints

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

βš™οΈ Environment Variables

Variable Default Description
PORT 3000 Server port

Deploy in 10 seconds

Deploy to Render

About

🧬 DNA Biogenesis β€” Immersive 3D genetic-themed authentication with rotating DNA double helix, floating nucleotides (A, T, G, C), bioluminescent effects, and async validation. Go Fiber + GORM + SQLite + Alpine.js + Tailwind CSS. No CGO required!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors