The business analyst assigned to your sprint team has presented you with two user stories to complete this sprint. This assessment asks you to complete these story cards to the best of your ability.
The assessment is more about creating a working solution that meets as many of the acceptance criteria as possible than it is about getting every detail perfect. It is not necessary to complete every acceptance criteria to submit the assessment. Complete what you can and leave "TODO:" comments with appropriate placeholder instructions anywhere you are unable to complete your code. You must turn the assignment by the end of the third day after you are given the assignment.
Fork this repo and push the code to your new forked repo. Submit the forked repo's URL to [email protected]
As a vendor supplying services to 2ULaundry I need to submit invoices via an API in order to receive payment in a timely manner.
- The API accepts JSON formatted HTTP POST requests at the route '/Invoice' The following is a sample Invoice request that will be submitted to the API endpoint.
{
"invoice_number": "12345",
"total": "199.99",
"currency": "USD",
"invoice_date": "2019-08-17",
"due_date": "2019-09-17",
"vendor_name": "Acme Cleaners Inc.",
"remittance_address": "123 ABC St. Charlotte, NC 28209"
}
- The API returns an HTTP 200 Response code and the following message body
{
"message": "invoice submitted successfully"
}
- Store the invoices in a data store of your choice with an additional property and value "status": "pending"
As a member of the 2ULaundry Accounting Team I need to see a list of invoices that have been submitted by vendors, but have not yet been approved for payment so that I can review and approve them.
- Create an interface with react.js that shows a list of unapproved invoices that are submitted via API described in user story #1.
- Display the following fields for each invoice:"Invoice Number", "Vendor Name", "Vendor Address", "Invoice Total", "Invoice Date", "Due Date"
- Create a solution that allows the user to select and approve invoices. Once an invoice is "Approved" it should dissappear from the list of available invoices.
- When the user approves an invoice the "status" property for that invoice should be updated to "Approved"
- When an invoice is submitted via the API from user story #1, it should populate in the list of displayed invoices without requiring the user to manually refresh the list of invoices.
npm run test
Note that the tests will nuke the database. This isn't ideal and the ideal solution would be to use a separate database for tests.
Note: This step isn't necessary because I commit the SQLite DB.
npm run migrate
npm run seed
will seed the database
In a terminal window run npm start
Note: This steps isn't necessary because I commit the frontend build
cd into frontend/
and run npm run build
For development I was using npm run watch
If you want to use the API to create data you can use this curl command.
curl --location 'localhost:3000/Invoice' \
--header 'Content-Type: application/json' \
--data '{
"invoice_number": "1",
"total": "2",
"currency": "USD",
"invoice_date": "2019-08-07",
"due_date": "2019-09-07",
"vendor_name": "Acme Cleaners Inc.",
"remittance_address": "123 ABC St. Charlotte, NC 28209"
}'
Note: This is my first time using Typescript so please bare with me.
For example Instead of "4.99" store 499, this gets around having to worry about float math errors and allows you the flexibility of using math functions instead of having to coerce it from a string every time.
I would do the same for invoice_number. There isn't really a reason for it to be a string.
Right now the error messages are very generic. It doesn't tell the user why the request failed. One potential improvement would be to inform the user why a request failed.
I couldn't figure out how to do this with typescript. The test compilation step fails if a parameter is missing and I don't want to make parameters optional just to allow testing.
I was able to test all of the requests in Postman so at least there's that.
I generally agree with what google argues here https://cloud.google.com/apis/design/resource_names
So instead of POST /Invoice
for creating an invoice I would go with POST /invoices
.
We should add validation around currency so that it is a recognized currency like USD, CAD, etc. instead of letting any string willy nilly!
If I wanted to improve the testing I would use faker-js to generate values for the tests to add randomnness and improve the quality of the tests.
It wouldn't make sense to have a due date before an invoice date. Adding validation for this improves data quality.
We can do some client side validation of data.
Using the USPS API one can validate that an address is valid. It would be advisable to do this and recommend the closest address and display that on the frontend if it is invalid.