feat: Add demo card for Campfire Logs CMS (https://campfire-demo.dlseitz.dev)

src/_data/demos.js

@@ -3,53 +3,89 @@
  */
 
 const DEMOS = [
-    {
+    {
-        "title": "Bloom Valley Nursery",
+    "title": "Campfire Logs CMS",
-        "id": "bvn",
+    "id": "cl-cms",
-        "imageFile": "bloom-valley-nursery-demo.jpg",
+    "imageFile": "campfire-logs-login-demo.gif",
-        "altText": "A screenshot of the Bloom Valley Nursery Demo landing page",
+    "altText": "A GIF of the login page and dashboard for the Campfire Logs CMS application.",
-        "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.",
+    "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://bloomvalleydemo.dlseitz.dev",
+    "demoUrl": "https://campfire-demo.dlseitz.dev",
-        "repoUrl": "https://gitea.dlseitz.dev/dereklseitz/BloomValleyNursery",
+    "repoUrl": "https://gitea.dlseitz.dev/dereklseitz/campfire-dashboard",
-        "techstack": [
+    "techstack": [
-            "11ty",
+        "React",
-            "HTML",
+        "KendoReact",
-            "CSS",
+        "JavaScript",
-            "JavaScript",
+        "HTML",
-            "Nunjucks",
+        "CSS"
-            "Node.js",
+    ],
-            "Font Awesome",
+    "featuresShort": [
-            "Zoho Calendar API"
+        "Secure user authentication",
-        ],
+        "Responsive dashboard layout",
-        "featuresShort": [
+        "Dual-mode (Markdown/Rich Text) editor",
-            "Data-driven content",
+        "Dynamic post and draft organization",
-            "Interactive carousels",
+        "Custom KendoReact theme",
-            "Shopping cart functionality",
+        "Polished, animated UI"
-            "Customer feedback & newsletter subscription",
+    ],
-            "Third-party API integration",
+    "featuresLong": [
-            "Web performance optimizations",
+        "Secure user login with animated transitions and clear user feedback via notification components.",
-            "Accessibility features",
+        "Intuitive dashboard navigation using KendoReact's AppBar and PanelBar for easy access to all sections.",
-            "Modular design"
+        "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.",
-        "featuresLong": [
+        "A cohesive, campfire-inspired theme designed with the KendoReact ThemeBuilder to fit the blog's brand.",
-            "Data-driven content for products, promotions, testimonials, and events.",
+        "A professional and personalized UI, featuring a custom user avatar and a seamless, modern aesthetic."
-            "Interactive carousels on the homepage and gallery to showcase featured items, promotions, and testimonials.",
+    ],
-            "Shopping cart functionality with temporary session storage.",
+    "category": "Web Application",
-            "Customer feedback form with client-side validation and local storage.",
+    "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.",
-            "Newsletter subscription with client-side validation.",
+    "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.",
-            "Dynamic integration with the Zoho Calendar API to display community events.",
+    "isLive": true
-            "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.",
+    "title": "Bloom Valley Nursery",
-            "Modular code and file structure for improved scalability and maintenance."
+    "id": "bvn",
-        ],
+    "imageFile": "bloom-valley-nursery-demo.jpg",
-        "category": "e-commerce",
+    "altText": "A screenshot of the Bloom Valley Nursery Demo landing page",
-        "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.",
+    "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.",
-        "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.",
+    "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
+    DEMOS
 };