Workshop :: Bank's slip - up1/workshop-ai-with-technical-team GitHub Wiki

1. Simple prompt for Upload slip

  • Frontend
  • Backend
  • Testing
The current system is Keep bank's slip system. 
Tech stack: 
1. Frontend 
  1.1 ReactJS, Tailwind CSS, lucide-react and react-dropzone .
  1.2 Testing with Vitest and related hooks, playwright tests for view.

2. Backend :: RESTful API
  2.1 NodeJS, express, enable CORS for all
  2.2 Testing with supertest

All codes should be written in the tech stack mentioned above. 
Requirements should be implemented as react components in the MVC architecture pattern.


Here are certain patterns should be followed when implement and test the component
1. When write test, use describe instead of test
2. Data-driven tests are preferred.
3. When test the view component, fake model to call data from backend via HTTP protocol with playwright

Requirement:

User can upload file from web browser in frontend and send data to backend via HTTP protocol

AC1: Support file type JPG and PNG only

AC2: Completed to read data from bank'slip file

Provide an overall solution following the guidance mentioned above. 
Hint, keep bank'slip in to memory with bank name, amount and merchant name 
Don’t generate code. 
Describe the solution, and breaking the solution down as a task list based on the guidance mentioned above. 
And we will refer this task list as our master plan.

2. Prompt task by task

  • Review and change your prompt

Reference Websites