Submitted
HMTX & NodeJS - Age Calculator App
- HTML
- CSS
- JS
What are you most proud of, and what would you do differently next time?
This app is built with HTMX and Node.js for a backend. One thing that I am proud of and look forward to making a standard practice is tested driven development. I included this method while developing the validation logic, and it was such a powerful way of developing.
Next time I would explore more of frontend Test Driven Development (TDD), and building with Go as the backend.
What challenges did you encounter, and how did you overcome them?
I am new to working with HTMX and I found that adding client side event listeners that depended on components that were being swapped was not an ideal way to go. Instead I found that if I wanted to control styling, I found it easier to lean into the HTMX route of making those changes. Take a look at my README in my Github repo for more details
What specific areas of your project would you like help with?
- How I could have made better use of HTMX to develop this project
- How are folks are going at frontend code tested driven development, recommendations? I used Vitest for the backend.
- How are you centering the button in mobile view so that it stays center as you change the width?