AI Engineering: Advent of AI with goose Day 8

Source: Dev.to

Solution Overview

A vendor‑directory web application that parses messy lists into clean JSON, validates the data, and presents a searchable, ultra‑professional interface with a glassmorphic design.

What It Does

• Parses messy lists into structured JSON (dmitris-sanity-saver.json).
• Validates data for missing or invalid fields using a Python script (verify_json.py).
• Creates a live‑search web app (winter-festival-vendors.html).
• Provides a professional, glassmorphic UI suitable for any festival or event.
• Runs locally with Node or Python—no configuration required, just open the HTML file.

Tech & Tools

Design Highlights

• Dark emerald + teal accent theme for a striking visual impact.
• Glassmorphic cards with depth, hover effects, and blurred backgrounds.
• Responsive grid/flex layout that works on desktop, tablet, and mobile.
• Stats dashboard showing vendor totals, cuisine breakdown, and optional location heatmap.
• Accessible tab order, focus styles, and sufficient color contrast.
• Print‑friendly layout with no external dependencies.

My Experience

1. Collected scattered vendor notes and CSV exports.
2. Used Goose prompts to auto‑structure the data into JSON (the “sanity saver”).
3. Ran the Python validator, which caught missing cuisines and typos, saving hours of manual work.
4. Built the UI with pure HTML, CSS, and JavaScript—search is buttery fast, and filtering requires no extra build tools.
5. Iterated on the color palette until the site looked as good as it performed.
6. Tested on phone, tablet, and laptop; the pure‑CSS approach ensured flawless responsiveness.

Who Benefits

• Festival attendees – Quick search by food, location, cuisine, or venue map.
• Staff & volunteers – No more sorting vendor chaos at the info desk.
• Vendors – Professional presentation that can drive more foot traffic.
• Other organizers – Reusable for school fairs, farmers markets, conferences, art shows, etc.

Lessons Learned

• Glassmorphism + dark themes give an instant modern feel.
• Structured data unlocks responsive UI, statistics, and accessibility features.
• High‑quality results are possible without heavy frameworks.
• Simple data validation is critical—one bad entry can break the experience.
• Designing for fast search/filtering greatly improves user satisfaction.

How to Use

1. Gather vendor data in any format.

2. Convert it using Goose prompts or a script to produce dmitris-sanity-saver.json.

3. Validate the JSON with the Python script:

   python verify_json.py dmitris-sanity-saver.json

4. Open winter-festival-vendors.html locally or serve it with a simple server:

   # Using Python
   python -m http.server 8000
   # Or using Node
   node server.js

5. Browse, share, and print the directory as needed.

Powered By

• Goose by Block
• Pure Python & JavaScript logic

Final Thoughts

Day 8 complete: a beautiful, functional directory that keeps crowds happy. This post is part of the AI Engineering: Advent of AI with Goose series. Follow along for more AI adventures.