🧭 MarketPulse Mini

A lightweight finance dashboard built with React, Vite, and Tailwind CSS — displaying mock and live stock data in an elegant, responsive layout.

---

---

🚀 Features

• ⚡ Instant mock price simulation (keeps sparklines free)
• 📈 Live price overlay via Alpha Vantage API
• 💾 Local watchlist storage using Zustand
• 🎨 Clean UI with Tailwind and responsive grid plus a dark mode toggle
• 🧠 Built and deployed via GitHub Actions to GitHub Pages

---

🛠️ Tech Stack

• React 18
• Vite 5
• Tailwind CSS 3
• Zustand (state management)
• GitHub Pages CI/CD (auto deploy)

---

🔧 Local Setup

# Clone repo
git clone git@github.com:DKranzMAT/marketpulse-mini.git
cd marketpulse-mini

# Install dependencies
npm install

# Run locally
npm run dev

# Build for production
npm run build

Create a .env file for live data:

VITE_ALPHA_VANTAGE_KEY=your_api_key_here

---

🌐 Live Demo - Enjoy!

👉 https://dkranzmat.github.io/marketpulse-mini/

---

🧰 Author

Dave Kranz
Front-End Developer | Data Visualization Enthusiast
Portfolio

---

MarketPulse Mini — a micro-finance dashboard showcasing clean UX, state management, and CI/CD deployment.