Submitted over 3 years ago

Invoice App (Next, Tailwind, Typescript, SWR, and Framer Motion)

motion, next, react, tailwind-css, typescript

LVL 2

Mike S•50

@mike-shea

A solution to the Invoice app challenge

Preview Code

Solution retrospective

Difficulty:

Working with original JSON data. Re-structured the entire list
Fluid animations on mobile
Arranging components based on viewport size
Pushing meaningful GIT messages
Working with a Date Selector Module

Unsure of:

Saving state to localStorage. Data is currently cached with SWR and lost on refresh (opportunity to add localStorage)
HTML5 accessibility needs work
Currently no modal-popup on delete

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Mike S’s solution.

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