☕ CodeNeedsCoffee Website Codebase

Welcome to the CodeNeedsCoffee site codebase! This project is my personal developer portfolio and playground — built with React, Vite, HeroUI, and TailwindCSS. It serves as both a showcase of my work and a testing ground for new design and UI ideas.

The site highlights my projects, skills, and ongoing experiments in modern web development. You can explore the codebase, use it as inspiration, or fork it to build your own developer portfolio.

---

🚀 Features

• HeroUI + Tailwind styling for fast, modern, and responsive design
• Dark/Light mode toggle synced to your system preferences
• Optimized with Vite for lightning-fast builds
• Deployed via Cloudflare Pages for speed and reliability
• Clean, minimal developer-focused design

---

🛠️ Tech Stack

• Framework: React + TypeScript
• UI Components: HeroUI
• Styling: Tailwind CSS
• Build Tool: Vite
• Deployment: Cloudflare Workers

---

⚙️ Installation

Clone the repository:

git clone https://github.com/CodeNeedsCoffee/CodeNeedsCoffee-Site.git

Navigate to the project directory:

cd CodeNeedsCoffee-Site

Install dependencies:

npm install

Start the development server:

npm run dev

Open your browser and visit:

http://localhost:5173

---

💾 Production

Build your project for production:

npm run build

Preview your build locally:

npm run preview

Deploy your project to Cloudflare Workers:

npm run build && npm run deploy

Monitor your workers:

npx wrangler tail

🌗 Theme

This project includes a fully functional light/dark theme switcher powered by Tailwind’s darkMode: "class" configuration and HeroUI’s color tokens.

Your theme preference is automatically synced with your system setting on initial load.

---

📂 Project Structure

src/
├── react-app/
│   ├── App.tsx              # Main React component
│   ├── hooks/useTheme.ts    # Theme management hook
│   ├── ThemeWrapper.tsx     # Theme context provider
│   └── main.tsx             # Entry point
├── assets/                  # Static images and logos
└── App.css                  # Global styles

---

💻 Developer

👋 Evan Templin (CodeNeedsCoffee) Developer • Home Automation Enthusiast • Builder of Helpful Tools

• 🌐 Website
• 🧠 Focus: Acumatica customization, Node.js, and web automation
• ☕ Motto: Code runs on coffee.

---

📜 License

This project is licensed under the MIT License.

---

💡 Contributing

If you’d like to make suggestions, improvements, or just share feedback, feel free to open an issue or submit a PR. I love connecting with other developers who enjoy clean, meaningful code.