/**
 * @fileoverview This file holds the data for demo cards served on https://dlseitz.dev/demos/
 */

const DEMOS = [
    {
    "title": "Campfire Logs CMS",
    "id": "cl-cms",
    "imageFile": "campfire-logs-login-demo.gif",
    "altText": "A GIF of the login page and dashboard for the Campfire Logs CMS application.",
    "description": "A personal, private Content Management System (CMS) built to manage the content for the 'Campfire Logs: The Art of Trial & Error' developer blog. It features a custom, on-brand theme and a streamlined interface for writing and organizing posts.",
    "demoUrl": "https://campfire-demo.dlseitz.dev",
    "repoUrl": "https://gitea.dlseitz.dev/dereklseitz/campfire-dashboard",
    "techstack": [
        "React",
        "KendoReact",
        "JavaScript",
        "HTML",
        "CSS"
    ],
    "featuresShort": [
        "Secure user authentication",
        "Responsive dashboard layout",
        "Dual-mode (Markdown/Rich Text) editor",
        "Dynamic post and draft organization",
        "Custom KendoReact theme",
        "Polished, animated UI"
    ],
    "featuresLong": [
        "Secure user login with animated transitions and clear user feedback via notification components.",
        "Intuitive dashboard navigation using KendoReact's AppBar and PanelBar for easy access to all sections.",
        "At-a-glance post organization with a responsive grid layout built with KendoReact's GridLayout and Card components.",
        "A writer-focused, toggleable dual-editor experience supporting both Markdown and Rich Text, created with KendoReact's premium Editor and Splitter.",
        "A cohesive, campfire-inspired theme designed with the KendoReact ThemeBuilder to fit the blog's brand.",
        "A professional and personalized UI, featuring a custom user avatar and a seamless, modern aesthetic."
    ],
    "category": "Web Application",
    "problemStatement": "To maintain a developer blog, an author needs an efficient way to create, edit, and manage content without the overhead and complexity of a large-scale, public-facing CMS. The goal was to build a purpose-built tool that prioritizes the writing experience.",
    "solutionSummary": "A secure, single-user dashboard was developed using React and the KendoReact component library. The application provides a clean, intuitive interface for managing posts and drafts, and features a flexible dual-mode editor. The project emphasizes a polished user experience, from the animated login to the responsive, on-brand layout.",
    "isLive": true
    },
    {
    "title": "Bloom Valley Nursery",
    "id": "bvn",
    "imageFile": "bloom-valley-nursery-demo.jpg",
    "altText": "A screenshot of the Bloom Valley Nursery Demo landing page",
    "description": "This demo is a modern e-commerce website (front end) designed to help a fictional family-owned business expand its reach to a broader online audience. It focuses on clean design, data-driven interactivity, and a personal, community-focused touch.",
    "demoUrl": "https://bloomvalleydemo.dlseitz.dev",
    "repoUrl": "https://gitea.dlseitz.dev/dereklseitz/BloomValleyNursery",
    "techstack": [
        "11ty",
        "HTML",
        "CSS",
        "JavaScript",
        "Nunjucks",
        "Node.js",
        "Font Awesome",
        "Zoho Calendar API"
    ],
    "featuresShort": [
        "Data-driven content",
        "Interactive carousels",
        "Shopping cart functionality",
        "Customer feedback & newsletter subscription",
        "Third-party API integration",
        "Web performance optimizations",
        "Accessibility features",
        "Modular design"
    ],
    "featuresLong": [
        "Data-driven content for products, promotions, testimonials, and events.",
        "Interactive carousels on the homepage and gallery to showcase featured items, promotions, and testimonials.",
        "Shopping cart functionality with temporary session storage.",
        "Customer feedback form with client-side validation and local storage.",
        "Newsletter subscription with client-side validation.",
        "Dynamic integration with the Zoho Calendar API to display community events.",
        "Responsive design that adapts to various screen sizes.",
        "Accessibility features, including ARIA labels and semantic HTML.",
        "Web performance optimizations, such as lazy loading for images.",
        "Modular code and file structure for improved scalability and maintenance."
    ],
    "category": "e-commerce",
    "problemStatement": "To help a small, family-owned and operated business with deep roots in community involvement and public service expand their reach to customers who may prefer shopping online.",
    "solutionSummary": "This front end site is built to emulate a seamless online shopping experience that captures the fictional brand's community-focused story. The design prioritizes accessibility, visual harmony, and usability, while the data-driven functionality allows for a scalable and easily updatable web application.",
        "isLive": true
    }
]

module.exports = {
    DEMOS
};