Skip to content

README.md

Latest commit

 

History

History
71 lines (47 loc) · 1.53 KB

README.md

File metadata and controls

71 lines (47 loc) · 1.53 KB
Raw

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/

Screenshot of Emma Does Things Homepage

📂 How to Run Locally

  1. Clone this repository:
git clone https://github.com/lisaaxrisaa/emma-does-things.git
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open your browser at:
http://localhost:5173