Welcome to the official website repository for The Daily Grind!
The Daily Grind is a concept for a modern, community-focused coffee shop that prides itself on being the "coziest coffee in town." The website is designed to reflect the warmth of the physical space while providing customers with an engaging digital experience.
The Daily Grind isn't just about selling caffeine; it's about "Brewing community, one cup at a time." The brand emphasizes:
- Warmth & Coziness: The design uses a curated palette to evoke the feeling of a welcoming cafe.
- Expertise without Pretext: We highlight our "Bean of the Month" (currently the Ethiopian Yirgacheffe) to show our serious dedication to quality coffee.
- Community Hub: The site features a "Community Events" section for workshops and open mic nights, reinforcing the shop's role as a local gathering place.
- Personalization: An interactive "Find Your Perfect Brew" quiz helps undecided customers discover their new favorite drink based on their taste preferences.
- Responsive Landing Page: A beautiful, scrolling single-page layout including Hero, Menu Highlights, and Testimonials ("Wall of Love").
- Interactive Menu: Full menu details available via modal overlays.
- "Find Your Brew" Quiz: A multi-step interactive wizard that recommends drinks (e.g., Classic Latte vs. Americano) based on user choices.
- Events Calendar: Dynamic cards showcasing upcoming events like Latte Art Workshops.
- Newsletter Integration: A "Morning Brew" club signup for marketing engagement.
This project is built using:
- React
- TypeScript
- Vite
- Vanilla CSS with Variables for consistent theming
- Clone the repository.
- Install dependencies:
npm install - Run the development server:
npm run dev
Verified to run on Windows with Node.js.