🚀Hello DEV Community!
Ever built something just for the thrill of creation? I did, and now I have three active GitHub projects—each more resilient than my caffeine supply and just as dependent on my cloud hosting credits.
Why all these projects?
The whole point was to get hands-on with new tech and rapidly learn how to apply prompt engineering—the art and science of directing AI for best results. I wanted to master 5 core principles and use them in daily tasks (and side project adventures!).
⚡️ Prompt Engineering Principles & Techniques
Clarity & Specificity
Clearly define what you want. Detailed, unambiguous prompts lead to better results.
Example: Instead of "Add items," say "Add 'organic spinach, Greek yogurt, and Fuji apples' as separate grocery list items."Context & Constraints
Provide necessary background, examples, or requirements.
Example: "Act as a productivity expert and format notes/tasks with priority and due date tags for mobile-friendly viewing."Task Decomposition (Step-by-Step Prompting)
Break down complex tasks into steps and guide reasoning.
Example: "First parse the spoken grocery input into individual items, then filter filler words, and finally categorize each item."Iteration & Refinement
Prompt design is iterative: test, review, and adjust.
Example: Adjust prompts based on user feedback to improve the accuracy of grocery item spell correction and task reminder prioritization.Structure & Output Formatting
Direct the AI about how to structure output.
Example: "Return the task list in JSON format with fields for task name, priority, due date, and completion status."
🎤 Voice Grocery List
GitHub Repo | Live Preview
Smart grocery lists powered by voice—with instant separation, filler word filtering, and auto-categorization.
VS Code, Copilot, and Claude combine to turn spoken chaos into organized convenience.
A voice-powered grocery list tool for everyday convenience:
- 🌟 Naturally parses your shopping requests, even the “uhhs” and “umms”
- 📦 Auto-categorizes groceries, spell-corrects, and tracks your shopping progress
- 🛡️ Security features built in, because your grocery list deserves respect
- 🛠️ Created with VS Code, Copilot and help from Claude.
🗒️ Notes & Tasks App
GitHub Repo | Live Preview
A digital workspace for notes and tasks, built for real productivity with SvelteKit and a streak of Claude-powered prompt hacks.
From Warp to Kiro IDEs, every feature is a playground for prompt engineering and rapid iteration.
A digital workspace for notes and to-dos:
- 🏷️ Organize notes and tasks with color-coded lists
- 📅 Deadlines, priorities, and archiving made easy
- 📲 Works offline, because inspiration happens everywhere—even in tunnels
- 🎨 Built with SvelteKit, started in Warp, moved to Kiro, and sprinkled with Claude's AI goodness
🛠️ Developer Tools Suite
GitHub Repo | Live Preview
A Swiss Army knife for web devs: format JSON, timestamp everything, and even do quick math, with smart UI and accessibility.
Most of the tools and error handling logic were fine-tuned via prompt engineering—daily, casually, and sometimes by sheer willpower while the credits lasted.
A must-have web developer toolkit:
- 🔧 Format JSON, SQL, Markdown/HTML, timestamps, and solve math, all in one place
- 🌗 Dark/light themes for coding mood swings
- ♿ Accessible, responsive, and ready for any device
- 🏗️ Powered by React, Vite, Material UI, and heroically hosted on Netlify—while the credits last
🚨 The Hosting Reality
All these apps are live and kicking—at least until my hosting credits on Railway and Netlify run out. If you ever visit and find them offline, just picture me nervously watching my billing dashboard, weighing another cup of coffee against another month online.
😅🎉 What Drives Me
Building these taught me how powerful it is to combine IDEs, AI assistants, and a dash of developer optimism (plus some faith in monthly free tier extensions). I’m always experimenting—sometimes failing, mostly learning, frequently vibing.
Thanks for reading! Check out my repos, suggest a feature, or just drop your favorite developer meme or GIF below.
Tags:
#showdev #promptengineering #github #webdev #react #svelte #nodejs #vite #materialui #ai #project-showcase #sideprojects #cloud #netlify #railway
Top comments (0)