icd2k3 / frontend-homework

Seed Frontend Homework

Seed Frontend Homework

Setup

• Run npm i to install all required packages
• Run npm run build to bundle scripts
• Run npm run start to start dev server
• Open localhost:8080 in browser (Chrome preferred)

Features

• Create a new invoice (including due date)
• Randomly generate invoices
• Edit existing invoice
• Sort invoices list by name, total, or due date
• Delete invoice
• Mark invoice status as paid
• Send invoice preview

Tools

This project includes some modules that weren't specified in the requirements...

• Redux I prefer redux over flux, but they are pretty similar. There's a pretty good comparison breakdown here

• redux-logger Displays every user action including prev/next full application state. Really handy for debugging.

• Immutable

• Postcss

• react-bootstrap For quickly mocking up UI and helpers for forms, popups, etc.

• react-widgets For the date picker field.

What Could Be Improved?

• No unit test coverage. If you'd like to see examples of test coverage from past projects I'd be happy to send them over!
• Very few comments in code (if I was working with an engineering team I'd definitely be leaving more comments). If you have any questions about parts of the code please let me know.
• Parts of the app could use some additional polish like subtle animations and in general just making it look less bootstrappy.
• Form validation
• Nothing has been optimized for speed or file size.
• Email doesn't send anywhere (but I do log the JSON invoice in the console)