DEV Community

Lekside081
Lekside081

Posted on

1

My Daily Habits And Their Tracker Habit

My HNG12 Journey and Sonder App Design

Starting HNG12 has been an exciting journey. My main goals for this internship include:

  • Mastering UI/UX Design principles.

  • Contributing to real-world projects.

  • Building a strong portfolio.

Sonder App Design Process

I designed two screens:
โœ… Home page - User interact with their habits.

โœ… Habit Tracker - Show progress & streaks

โœ… Achromatic Color Palette โ€“ Clean black, white, and gray tones

Screenshots of My Design

Home Page
Habit Tracker

๐Ÿ’ป Tech Stack

I built this project using:
๐Ÿ”น Vue 3 โ€“ Component-based UI framework
๐Ÿ”น Tailwind CSS โ€“ Fast, responsive styling
๐Ÿ”น GitHub โ€“ Code versioning & collaboration
๐Ÿ”— View My GitHub Repo: GitHub Link Here

Want to Hire a Skilled UI Designer?

Check out HNGโ€™s talented designers here:
Hire a UI Designer

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free โ†’