MERN Invoice App

@AdamJWatt88 Thank you for your feedback.

I styled the loading, I had completely forgotten to style this loading.

@AlexKMarshall I have this feature but you have to first click on the Login/Register button then you have a link to avoid register or login.

But I think it's not that obvious so I will fix it. Thank you!

@MathisHumbert cool, yeah I missed that option.

I've just taken a look now on mobile and it generally kinda very good. There's just a couple of things that could do with checking out.

On the new invoice form, on mobile it looks like the button text is all overlapping for the save as draft and save and send buttons, so they're not readable.

When the drawer animates out to display the form all the fields reflow as it changes size, which is a bit distracting. I presume that's because you're animating the container width or something similar (I've not checked in the code). If instead you animate transform - from translateY -100% to zero, then it will slide in from off screen, without changing size and that issue won't happen.

For my tastes all the animations are nice, but a bit too slow. This is a business application, where users would likely be doing a lot of data entry, and waiting for animations can be frustrating when you just want to get something done. I would be tempted to experiment with reducing the durations to a short as you can make them without them feeling rushed.

I'll try and take a longer look at things like semantics, accessibility and code structure when I'm on a desktop.

@AlexKMarshall Thank you for your feedback.

I changed the animation and used translateX -100% to zero. I have also reduced the time of the animation. Finally I changed the button font-size.