All solutions

This was an entertaining challenge!

Everything should work, however, one should see this as bare bones only. For example, notification messages could be added when new invoice created, invoice deleted etc. Pagination if the number of invoices on main page exceeds 10, etc. etc.

All this will be probably added later on because I think this is very good demo project to showcase my skills to clients/employers/etc.

My first Vue.js app! Dare I say I like it more than React??

First using tailwind and I think I am in love.

Hi everyone,

I spent a considerable amount of time on this. Mostly I am satisfied with how it turned out, however, there is one issue I can't work out.

When on a mobile phone and signing in, chrome warns me that the site I am trying to log in to is a dangerous/deceptive one. Why is this happening and how can I fix it? Does anyone know?

Cheers

This is a second attempt, now with Next js and MongoDB (the first attempt was just React without backend/db).

Using Redux is overkill, of course, context would suffice. Decided for Redux as part of my learning.

This one was a challenge. Mainly because I used Redux for the first time. A steep learning curve as I started learning React only a couple of months ago.

Looking forward to using Next.js in the next project!

I have used useRef hook, therefore the components are uncontrolled. The validation works, however, the drawback is that on error (empty input field or incorrect email address submitted), the error icon and red highlight of the input field will disappear only after a new submit event (and of course when the errors are corrected).

From UX perspective, it is better if the validation happens on keystroke i.e. when you start typing into an empty cell, error icon and red border should disappear.

I guess I will be using onChange from now on...

I managed to use only css/html for this challenge but a cost of an html error. That means, this is not a clean solution. Nevertheless, it works...