Invoice App

This was a Frontend Mentor challenge in which I had to build an invoice application for viewing, creating, updating, and deleting invoices based on the designs provided by Frontend Mentor. I used Next.js and SCSS along with SCSS modules for styling.

Frontend Development

Next.js

SCSS

Project Background

I used this project as a way to become more familiar with Next.js, and learn more about server-side rendering with React. While working on this project, I gained experience with constructing reusable, accessible components, while reinforcing the basics. I implemented a custom date picker component to meet the design requirements, which involved working on keyboard support for accessibility. I also implemented a dark mode theme using CSS custom properties.

Static Previews

Invoice App form preview
Invoice App invoice details preview

Get in touch.

Contact Me