Zum Hauptinhalt springen
tsecurity.de LIVE
Echtzeit-Radar & Feeds
Alle RSS Feeds
👥 Community & Social
Windows Tipps & SecurityNighthawk M7 Pro im Test: Flexibler, aber teurer 5G-Router(21.09.2026 um 10:30 Uhr)
Sichere ProgrammierungNeue Gmail-Funktion: So sparst du jetzt Zeit bei Einmalcodes(21.09.2026 um 10:00 Uhr)
Sichere ProgrammierungYour GIF exporter is fine — the container is the problem(21.09.2026 um 10:01 Uhr)
Sichere ProgrammierungCSS, Motion, or GSAP? I Choose by Who Owns the Animation(21.09.2026 um 10:12 Uhr)
Windows Tipps & SecurityNighthawk M7 Pro im Test: Flexibler, aber teurer 5G-Router(21.09.2026 um 10:30 Uhr)
Sichere ProgrammierungNeue Gmail-Funktion: So sparst du jetzt Zeit bei Einmalcodes(21.09.2026 um 10:00 Uhr)
Sichere ProgrammierungYour GIF exporter is fine — the container is the problem(21.09.2026 um 10:01 Uhr)
Sichere ProgrammierungCSS, Motion, or GSAP? I Choose by Who Owns the Animation(21.09.2026 um 10:12 Uhr)
Intelligence View
⚡ tsecurity.de Intelligence

Building Two Web Apps Using Claude AI + OpenCode

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 acc…

0
↗ Quelle (dev.to)
Reagiere als Erste:r — dein Feedback zählt!

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

Ähnliche Beiträge
🔍 Verwandte News

Auch interessante Nachrichten Building Two Web Apps Using Claude AI + OpenCode

Thematisch verwandte Begriffe: Building, Apps, Using, Claude · 6 Treffer

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

© 2015 - 2026 tsecurity.de — Nachrichten- & Content-Portal. Alle Rechte vorbehalten.

SSL 256-bit DSGVO Konform
Zum Aktualisieren ziehen
ZERO-DAY CVE-2026-94030 | A security vulnerability has been detected in SerenityOS up to 3d83e4509…
Advisory →
TTS Reader • tsecurity.de Voice
tsecurity.de Icon
tsecurity.de App
Offline-Lesen, Eilmeldungen & 0ms Ladezeit

Installiere tsecurity.de direkt auf deinen Home-Bildschirm für das ultimative Vollbild-Magazinerlebnis ohne Browser-Leisten.

Nächster Beitrag
Themen-Radar & Intelligence Matrix
Echtzeit-Taxonomie nach Angriffsvektoren & Plattformen

tsecurity.de Live Threat Radar

🔴 LIVE RADAR
MONITORING
AKTIV
CVE-DATENBANK
LIVE
🔍
Community Radar & Live Chat
Sentinel Bot online • Live-Stream
Dein Cluster: Security Explorer
Match:
lädt…
Verbindung zum Community-Stream wird aufgebaut...
Bearbeitungsmodus — Senden überschreibt deine Nachricht
Community-Puls — was gerade passiert
lädt…
Aktivitäten deiner Analysten
lädt…
Neues Thema oder Eilmeldung einreichen

Reiche interessante Links, Zero-Days oder Debatten ein. Die Community entscheidet per Upvote über die Veröffentlichung.

Heiß diskutierte Einreichungen
🔖 Gespeicherte Artikel
📂 Keine gespeicherten Artikel vorhanden.
Zurück Ziehen Vor
Links: vorheriger Artikel Rechts: nächster Artikel unten: schließen
News NIS-2 Frühwarnung Tier-1 Intel ⏱️ 3 Min vor 10 Min
Artikeldaten werden geladen...

Zurück: vorheriger Vor: nächster
↗ Original-Quelle
Social Reaktionen Deine Reaktion zählt
Einstufung & Relevanz-Poll 0 Stimmen
In sozialen Netzwerken teilen 1-Klick