Project - 16

swstack < 1 min read

Project 16: Habit Tracker

Build a habit tracker where users can add daily habits and mark them as completed each day. Include a simple streak counter and calendar-style view.

✦ HTML + CSS + JS Editor

▶ Live Output

👀 Show Example Solution

<input type="text" id="habitInput" placeholder="New habit (e.g. Exercise)">
<button onclick="addHabit()">Add Habit</button>

<div id="habits"></div>

<script>
  // Add habits, mark daily completion, localStorage
</script>