diff --git a/src/_data/demos.js b/src/_data/demos.js index 5171a6c..1bea87d 100644 --- a/src/_data/demos.js +++ b/src/_data/demos.js @@ -3,53 +3,89 @@ */ const DEMOS = [ -    { -        "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.", + { + "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 + DEMOS }; \ No newline at end of file diff --git a/src/images/_demo-thumbs/campfire-logs-login-demo.gif b/src/images/_demo-thumbs/campfire-logs-login-demo.gif new file mode 100644 index 0000000..c2e4430 Binary files /dev/null and b/src/images/_demo-thumbs/campfire-logs-login-demo.gif differ