All solutions

I just wanted to work on a simple web app without making it full-stack. I will eventually make this full-stack. It was a fun project and would love any feedback!

This was SUPER challenging to create. I decided to make it a full-stack application and had a hard time figuring out if users had to be logged in to save documents. I decided users had to be logged in to save/create documents. Maybe later I will add the ability to save to local storage.

This is my first time trying authorization using anything other than user name & password options. The auth0 library was great to work with along with NEXT.js.

I am sure I have code/user issues here and there so any feedback is GREATLY welcome!

This is my first time writing a project in TypeScript and SCSS. I definitely had to do some research on TypeScript for React including seeing how others might have used TypeScript with this project... I LEARNED SO MUCH!

With SCSS ... I am loving writing my CSS this way with nesting and mixins for the media queries.

One thing that bugs me is the Input buttons on the Time Settings. On Safari (in MacOS/iPhone) they show up different. I need to look into fixing this.

Any feedback/comments appreciated! It's how we learn, right? :)

The most difficult part for me was the sizing for different screens. Once I got through that then most of it was straight forward.

I'm not sure about the way I connected to the API as I see so many ways to do this. Input definitely appreciated.

I had a difficult time with centering the QR Card horizontally and vertically. I am not sure if the max-width and max-height were necessary in my .card-container class:

.card-container {
    max-width: 1440px;
    min-width: 375px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

Any and all feedback on my code is welcome!