Skip to content

Day 4: Event Handling - Emoji Mood Tracker Interactive app demonstrating event handling with multiple useState hooks. Features clickable emojis that track mood selections with visual feedback.

Notifications You must be signed in to change notification settings

banumariwan/05_MoodTracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Poject 5: Emoji Mood Tracker 🎭

πŸš€ Project Overview

An interactive mood tracking application built with React that demonstrates advanced event handling and multiple useState hooks. Click emojis to track your daily moods with visual feedback.

✨ Features

  • Interactive emoji buttons with click events
  • Multiple useState hooks for managing different states
  • Visual feedback on selection
  • Mood tracking with counters
  • Responsive design

πŸ› οΈ Technologies Used

  • React
  • JavaScript (ES6+)
  • useState Hook
  • Event Handling
  • CSS-in-JS Styling

🎯 Learning Objectives

  • Advanced event handling in React
  • Multiple state variables with useState
  • Interactive UI components
  • State management for complex interactions

πŸš€ Quick Start

# Clone this repository
git clone https://github.com/banumariwan/day4-event-handling.git

# Navigate to project directory
cd day4-event-handling

# Install dependencies
npm install

# Start development server
npm start

About

Day 4: Event Handling - Emoji Mood Tracker Interactive app demonstrating event handling with multiple useState hooks. Features clickable emojis that track mood selections with visual feedback.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published