Dev.to

Amazon Q Developer "Quack The Code" Challenge - WebApp using Blazor

`This is a submission for the Amazon Q Developer "Quack The Code" Challenge: Exploring the Possibilities What I Built A Blazor WebAssembly app from scratch for tracking health vitals and fitness progress. Created as a proof of concept to quickly create a web app using a single prompt, helping in early development and testing with minimal setup. Features Vitals Tracker: Record and monitor blood sugar levels and blood pressure Fitness Tracker: Log exercises with sets, reps, and weights The application allows users to: • Track blood sugar levels with unit selection (mg/dL or mmol/L) • Record blood pressure (systolic and diastolic) • Create exercises and add multiple sets with reps and weights • View history of vitals and exercises • Delete records as needed All data is persisted to the PostgreSQL database, and the application includes proper validation, error handling, and logging throughout. Technology Stack Frontend: Blazor WebAssembly (.NET 8) Backend: ASP.NET Core Web API (.NET 8) Database: PostgreSQL ORM: Entity Framework Core with Npgsql provider Demo https://github.com/irtazaali/amazonq-fitnessapp/blob/main/fitnessapp-demo.mp4 Code Repository https://github.com/irtazaali/amazonq-fitnessapp How I Used Amazon Q Developer Provided a single prompt in Q chat and it did the rest Text to Web App

May 5, 2025 - 06:36
 0
Amazon Q Developer "Quack The Code" Challenge - WebApp using Blazor

`This is a submission for the Amazon Q Developer "Quack The Code" Challenge: Exploring the Possibilities

What I Built

A Blazor WebAssembly app from scratch for tracking health vitals and fitness progress. Created as a proof of concept to quickly create a web app using a single prompt, helping in early development and testing with minimal setup.

Features

  • Vitals Tracker: Record and monitor blood sugar levels and blood pressure

  • Fitness Tracker: Log exercises with sets, reps, and weights

    The application allows users to:
    • Track blood sugar levels with unit selection (mg/dL or mmol/L)
    • Record blood pressure (systolic and diastolic)
    • Create exercises and add multiple sets with reps and weights
    • View history of vitals and exercises
    • Delete records as needed

All data is persisted to the PostgreSQL database, and the application includes proper validation, error handling, and logging throughout.

Technology Stack

Frontend: Blazor WebAssembly (.NET 8)
Backend: ASP.NET Core Web API (.NET 8)
Database: PostgreSQL
ORM: Entity Framework Core with Npgsql provider

Demo

https://github.com/irtazaali/amazonq-fitnessapp/blob/main/fitnessapp-demo.mp4

Code Repository

https://github.com/irtazaali/amazonq-fitnessapp

How I Used Amazon Q Developer

Provided a single prompt in Q chat and it did the rest

Text to Web App

Read More

Tags:

Previous Article

Mastering Middleware Execution Order in Laravel 12

Next Article

Modern Authentication Methods OAuth, JWT, and Beyond

Related Posts

How I Created a CI/CD Pipeline for Deploying a Dockerized Slim-PHP App with Caddy

How I Created a CI/CD Pipeline for Deploying a Dockeriz...

May 2, 2025  0

i create an XSS SCANNER auto payloads generator and MORE

i create an XSS SCANNER auto payloads generator and MORE

May 4, 2025  0

Exploring Blockchain Project Funding and Liquidity Pools: Innovation Driving Decentralized Finance

Exploring Blockchain Project Funding and Liquidity Pool...

Apr 29, 2025  0