Habithub is a sleek, dark-mode mobile application designed to help users build better habits through daily tracking, visual progress, and gamification. From streaks to badges, smart reminders to a full analytics dashboard, it offers a full habit-building experience — created entirely from a single structured prompt using Bolt.new, without writing a line of code or drawing a single UI component manually.

This app wasn't prototyped in Figma. It wasn’t designed pixel by pixel. Instead, it was described with logic, structure, and intention — and Bolt.new handled the rest.

🔗 Github

As a UI designer deeply involved in digital wellness tools, I wanted to explore how far I could push an idea without touching Figma or writing any code. Habithub was an experiment in using structured prompting as a design/development tool — and the result is a fully functional, visually appealing app prototype ready for testing or iteration.

Habithub consists of 12 interconnected screens, all generated via prompt, with a modern mobile-first layout:

Onboarding Flow – 3 animated slides with full-screen Unsplash images, clean white text, and smooth transitions

Authentication – Sign in / Sign up screens with validation and social login

Home (Daily Habits) – A scrollable list of today’s habits, streak badges, and progress bars

Calendar View – A full monthly overview with habit completion dots and filter options

Add/Edit Habit – A form to set custom habits, with emoji selection, reminders, and frequency

Habit Detail – Timeline, streak info, and daily notes for each habit

Progress & Analytics – Completion charts, habit stats, and motivational summaries

Gamification Hub – XP levels, daily missions, rewards, and level-up animations

Badge Collection – Unlockable achievement grid with animated highlights

Streak History – Graphs and comparisons of best streaks

Profile & Settings – User preferences, export options, and theme toggles

Notification Center – Habit reminders, progress alerts, and motivational nudges

Each screen includes functional buttons, working navigation, and animated UI elements — all generated automatically from prompt logic.

Dark Mode Only: Deep navy background (#0A1124) with electric blue accents (#3A8DFF) for a sleek, modern tone

Bottom Tab Navigation: 5-icon bar for seamless flow across the app

Micro-Animations: Subtle transitions on taps, screen changes, and checkmarks

Responsive UI: Designed mobile-first, fits all screen sizes

No Manual Design: No Figma, no wireframes, no visual sketching. Every layout was AI-built.

Visual Content: Unsplash-powered onboarding backgrounds for an immersive first impression

Time to Build: ~25 minutes Tools Used: Bolt.new + Structured Prompt + Unsplash (for visual enhancement)

Habithub is just a concept, usable prototype that shows how designers can evolve from sketching interfaces to designing systems using natural language and AI tools. It’s also a proof of concept for delivering client-ready apps without developer overhead.

Fully interactive mobile app prototype

Editable Bolt prompt for future edits or regeneration

Structured layout with working components

Custom gamification system and analytics

Ready for client demo, MVP launch, or investor pitch

If you’d like a similar app or want to explore how AI-powered prompting can bring your idea to life — faster and more efficiently — let’s talk. This is design, development, and UX — built in minutes, guided by experience.