惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Blog — PlanetScale
Blog — PlanetScale
小众软件
小众软件
F
Fortinet All Blogs
博客园 - 叶小钗
博客园_首页
D
DataBreaches.Net
Apple Machine Learning Research
Apple Machine Learning Research
U
Unit 42
爱范儿
爱范儿
aimingoo的专栏
aimingoo的专栏
博客园 - Franky
Martin Fowler
Martin Fowler
酷 壳 – CoolShell
酷 壳 – CoolShell
The Cloudflare Blog
A
About on SuperTechFans
Google DeepMind News
Google DeepMind News
Microsoft Security Blog
Microsoft Security Blog
IT之家
IT之家
M
MIT News - Artificial intelligence
有赞技术团队
有赞技术团队
博客园 - 【当耐特】
S
SegmentFault 最新的问题
Hugging Face - Blog
Hugging Face - Blog

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
Building Two Web Apps Using Claude AI + OpenCode
Daniel Sá · 2026-05-24 · via DEV Community

Daniel Sá

Over the last weeks I decided to experiment with AI-assisted development workflows to see how much faster I could go from idea to working MVP.

Instead of treating AI as a “code generator”, I approached it more like an engineering accelerator:

  • brainstorming partner
  • rapid prototyping assistant
  • UI iteration helper
  • debugging companion
  • architecture sounding board

The result was two small projects:

  • Altivo — a lightweight portfolio tracker
  • Hopway — a visual route planning app

Both projects are intentionally lightweight, but they helped me explore a modern development workflow using:

  • Claude AI
  • OpenCode AI
  • DeepSeek V4 Flash
  • Qwen 3.6 Plus

The Projects

Altivo

Altivo is a lightweight and privacy-friendly portfolio tracker focused on simplicity and static deployment.

Live Demo:
https://danieljvsa.github.io/altivo/

GitHub:
https://github.com/danieljvsa/altivo

The idea was to build something lightweight that could:

  • track ETFs
  • support crypto
  • run entirely as a static frontend
  • avoid unnecessary complexity

I wanted a cleaner and simpler experience than many traditional portfolio platforms.

The project also became an interesting exercise in:

  • frontend architecture
  • UI simplification
  • API integration
  • local-first persistence

Tech Stack

  • HTML
  • CSS
  • JavaScript
  • GitHub Pages
  • Financial Market APIs

Hopway

Hopway is a lightweight route planning and travel exploration tool.

Live Demo:
https://danieljvsa.github.io/hopway/

GitHub:
https://github.com/danieljvsa/hopway

The concept behind Hopway was creating a map-first experience where users can:

  • create routes
  • visually explore destinations
  • share travel plans
  • experiment with AI-generated route ideas

The app uses CARTO maps and focuses on keeping the UX lightweight and visual.

I wanted it to feel more like an exploration tool than a traditional route planner.

Tech Stack

  • HTML
  • CSS
  • JavaScript
  • CARTO Maps
  • GitHub Pages

The AI Workflow

One of the most interesting parts of these projects was experimenting with different AI tools together.

Each model had different strengths.

Claude AI

Claude was the strongest tool for:

  • architecture discussions
  • reasoning
  • debugging
  • planning features
  • refining ideas
  • writing structured prompts

It was especially useful when thinking through:

  • application structure
  • user experience
  • roadmap decisions
  • feature tradeoffs

OpenCode AI

OpenCode became the main execution layer for applying changes directly inside the repositories.

This made iteration significantly faster because I could:

  • define tasks
  • refine prompts
  • generate implementations
  • review results quickly

The workflow started feeling much closer to collaborating with a junior developer that could iterate extremely fast.


DeepSeek V4 Flash

DeepSeek V4 Flash was surprisingly useful for:

  • quick fixes
  • smaller implementations
  • fast iterations
  • UI experimentation
  • alternative code suggestions

Because it was fast and free, it became useful for high-frequency iteration loops.


Qwen 3.6 Plus

Qwen 3.6 Plus was particularly good for:

  • generating alternative approaches
  • refining frontend ideas
  • brainstorming UX improvements
  • comparing implementation styles

Sometimes asking multiple models the same question produced surprisingly useful contrasts.


What AI Was Actually Good At

The biggest productivity gain was not “AI writing code”.

It was reducing friction.

AI was extremely useful for:

  • generating boilerplate
  • accelerating iteration
  • refining UI ideas
  • debugging faster
  • exploring alternatives
  • reducing context-switching

For small MVPs, that becomes incredibly powerful.


What Still Required Human Control

The important engineering decisions still required human oversight.

Things that still needed strong manual control:

  • architecture decisions
  • consistency
  • product direction
  • deployment
  • performance considerations
  • long-term maintainability

AI accelerated execution, but it did not replace engineering judgment.


Lessons Learned

A few things became very clear during these projects:

  • Smaller focused prompts worked better than giant prompts
  • AI performs best when architecture is already defined
  • Iteration speed becomes one of the biggest advantages
  • Reviewing generated code remains critical
  • Combining multiple models produced better results than relying on a single one
  • AI is especially powerful for reducing setup and boilerplate friction

One of the most interesting outcomes was how quickly experimentation became possible.

Normally many side projects die during the setup phase:

  • too much boilerplate
  • too much context switching
  • too much repetitive work

AI dramatically reduced that friction.

That allowed me to spend more time on:

  • product thinking
  • UX refinement
  • architecture
  • experimentation

Instead of repetitive setup work.


Final Thoughts

These projects are small, but they represent something bigger:
a shift in how rapid MVP development is evolving.

AI-assisted workflows are becoming extremely valuable for:

  • side projects
  • prototypes
  • internal tools
  • experimentation
  • product validation

AI did not replace development.

But it significantly reduced the time between:
idea → prototype → working application.

As a backend developer, these projects also helped me improve:

  • frontend awareness
  • UX thinking
  • rapid delivery skills
  • product-focused development

And honestly, the workflow was fun.

If you're experimenting with AI-assisted development workflows too, I'd love to hear how you're using them.


Links

Altivo

Live Demo:
https://danieljvsa.github.io/altivo/

GitHub:
https://github.com/danieljvsa/altivo


Hopway

Live Demo:
https://danieljvsa.github.io/hopway/

GitHub:
https://github.com/danieljvsa/hopway


About Me

Portfolio:
https://danieljvsa.vercel.app/

GitHub:
https://github.com/danieljvsa