Emma Does Things 🎀🐾

A playful collection of micro-projects themed around my dog Emma!
Built with React to practice frontend development, animations, game logic, and UI design.

---

Current Features (Growing Over Time!)

• Click for Emma — Click a button to see random adorable photos of Emma.
• Emma Mood Generator — (Coming soon!)
• Emma's Crystal Ball — Ask a question and Emma’s crystal ball will reveal a random answer.
• Code Confession Booth — Confess your coding mistakes and get judged (or forgiven) by Emma.
• Emma's Treat Catch Game — Catch falling treats in a timed mini-game!

More fun modules will be added over time! 🎉

Technologies Used

• React
• JavaScript (ES6+)
• CSS Flexbox/Grid
• Basic animations (@keyframes)
• react-router-dom for page navigation

---

Goals of This Project

• Practice React component architecture
• Practice useState, useEffect, event handling, and basic animations
• Learn how to structure a modular front-end project
• Have fun with creativity and theming 🐶

---

Demo

https://emma-does-things.vercel.app/

---

📂 How to Run Locally

1. Clone this repository:

git clone https://github.com/lisaaxrisaa/emma-does-things.git

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser at:

http://localhost:5173