Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Invoice app on serverless

p1t1ch 390

@p1t1ch

Desktop design screenshot for the Invoice app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
5guru
View challenge

Design comparison


SolutionDesign

Solution retrospective


Created my first fullstack app on the serverless technologies: Netlify Functions + Netlify Identity + Hasura. Based on the Gatsby starter as always... So this turned into a journey 3-weeks long! Also it should be 100% keyboard accessible. Would appreciate your feedback 😉

P. S. Invoices are saved in the database, and I cannot let everyone to edit public invoices (otherwise the list would be empty a few moments later). So to test the app you need to login first (with Github account for example) to CRUD your own list of invoices

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hi, p1t1ch! 👋

Fantastic job on this challenge! 👏 It's really cool that one can sign into your site! 👍 Like MarkoNikolajevic mentioned, everything works well and the animations add a nice touch to the solution, too! 😀

Keep coding (and happy coding, too)! 😁

1
P

@MarkoNikolajevic

Posted

hey @p1t1ch! I love your solution and it works perfectly!

I'm working on the same challenge but using nextjs, mongodb and next-auth for log the user in. Honestly I'm having some troubles to complete it. I hope to finish it soon even if I'm working on it a little bit in the evening.

I notice a little bug on your solution, when I log in with github the url is https://fm-invoice-app.netlify.app/# and I had to remove the # to navigate to the site.

Anyway you did an amazing job with animations and all the rest! Keep on coding :)

1

p1t1ch 390

@p1t1ch

Posted

@MarkoNikolajevic Hmmm that's strange... Netlify Identity redirects on URL with hash at the end indeed, but in my case I don't need to edit URL. Simply close the login modal and work with the instantly updated invoices list (which is empty for the first time)

Wish you luck with the challenge! It was a few hours a day for me too. Most trouble though was form management with custom datepicker/select fields and not a fullstack part surprisingly

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord