There should be only a few commands you need to run.
npm install
You'll also need to setup a .env file in the root of this project (see .env.example for what that file needs to inculde).
Install the node modules required for this project.
npx prisma db push
This will setup a SQLite Database for storing our invoices. Due to this using prisma this could be easily configure to really use any modern data storage service.
npm run dev
This will spin up the nextjs app (on localhost:3000) that houses both the frontend to approve invoices and an api endpoint at (localhost:3000/Invoice) where a json object (as outlined in the requirements) can be submitted and will show up for users to approve.
To spin up a frontend to view the SQLite database you can run:
npx prisma studio
This frontend will be exposed on localhost:5555.
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.