Payment Slip
Figma design and development
Personal project.
Tool to manage a company payment slips, designed in Figma then built with Next.js. I used it to dig into multiple file uploads and data visualisation.
What I did
- Designed the prototype in Figma before development.
- Multiple image file upload component, with preview.
- Payment movement charts with Chart.js.
- Application state handled with React's Context API.
Result
App deployed and source code public on GitHub.
- Next.js
- React
- Chart.js
- SCSS
- Figma