A swashbuckling sobriety counter inspired by the One Piece universe.
Mark your day of freedom and sail through the Grand Line, one sober day at a time.
Set your sober start date and let the app chart your journey β no turning back to East Blue once you begin!
πͺ Features:
- β³ Tracks the number of days since you began your sober journey
- π Prevents choosing dates beyond today (no future logbooks!)
- π§ Glitch animations and smooth transitions between sections
- πΎ Auto-saves progress in the browser (localStorage)
β οΈ Custom confirmation modal before resetting your journey- π± PWA-ready: icons and manifest
- π» Responsive layout with a stylized pirate-themed UI
π Set Sail Now
- βοΈ HTML5
- π¨ CSS3
- π§ JavaScript
Crafted with care by @Imissh3r
π GitHub Repo: Grand Line Days
βAs long as I live, there are infinite chances!β β Luffy
This project was bootstrapped manually and doesn't use frameworks.
Perfect for practicing DOM manipulation, CSS transitions, and PWA basics.
- UI inspired by the One Piece anime and pirate adventures
- Background image credit - One Piece Wallpaper on WallpaperCave
- Built during my voyage through The Odin Project
- Glitch transitions and modal dialogue designed for fun and flair β‘
- β³ Countdown to milestones (e.g. 1 week, 1 month)
- πͺ Animated pirate mascots (Chopper? Luffy?)
- π Stats dashboard with streak records
Fair winds and following seas, Captain! π