nrademacher / invee Goto Github PK

In production, marking an invoice as pending/paid takes a long time (several seconds) after clicking the buttons. Investigate if this can be reduced

The dashboard page currently looks squashed on mobile

Needs less padding, probably smaller font, smaller/differently aligned buttons

• Improve overall visuals
• Improve/ensure responsive/mobile-friendliness
• Add relevant product information

TODO

• Improve general appearance
• Hook up existing charts to real data
• Fill up space with other relevant charts or other content

TODO

• Improve general appearance
• Improve ordering, grouping, sectioning
• Refine validation (e.g. pick country from country list)

• Add a "Forgot Password" password page (and any other necessary pages)
• Add mail dispatch with backlink to change password

NOTE: General mailing service/setup should be implemented first, possibly with #7

The speed at which Tailwind allows to iterate appears to be currently unmatched.

However, it's long class strings may make styling harder and harder to maintain as the project scales.

Possible alternatives:

• SCSS Modules
• Plain CSS modules, possibly augmented by PostCSS
• styled-jsx (Next.js built-in)
• Stitches
• Maybe a component library like Chakra

The script for the prisma seed command is currently broken and should be fixed

Add disclaimers (to Sign Up page in particular) that app is a pre-release, so no guarantees and risk of losing data

• Clean up unused leftovers from boilerplate and other cruft
• Make sure core functionality works smoothly

The invoice page currently looks squashed on mobile

Needs more spacing, probably smaller font, small buttons

Requires payment integration, e.g. PayPal or Stripe

The invoice form on mobile currently looks squashed, especially the submit/cancel buttons.
The layout for mobile should be adjust to fix this: Less padding and stacked buttons