Home
The AUT is a fully functional Express.js CRUD app. I used Claude to generate the base application. I expected what Claude created to be defect laden and it most definitely was. The Playwright and Selenium (Java) UI scripts I wrote after that were a fairly simple matter. Unfortunately, the app was too simplistic and rather easy to write scripts for. The test were passing but that wasn't helping me, so, I upped the ante.
You see, if I was giving a hiring manager or tech lead a walk through of my setup and all they saw were passing test, of course, there be some serious skepticism. So knowing this, I need my repo to tell a story. It had to show issues and problems that were solved, mistakes made and corrected, tests that broke and were fixed. You get the idea. I'm sure I'll still run into a few skeptics in the hiring process, but that's not something you really worry about if you can back it up.
So, I created a React frontend for the app which I knew would break my initial scripts and give me some real work! I see why UI developers love React as it was pretty simple to get set up. I didn't use Claude at all in the creation of the UI. The reason for that is simple. How would I know what Claude got right or wrong if I didn't know what I was looking at? So, I learned enough React to get the app functional. I am by no means a UI developer, but I think the end result looked pretty good and was more than enough for what I needed. After adding the React UI and some CSS styling, this is what I ended up with:
The Login Page:
The User Registration Page
User Dashboard Page
Products Page:
Products Detail Page:
Orders Page
I have plans to expand the app further but, for now, this will give me plenty to work on.