Invoice App

Invoice App is the easiest way to create professional invoices and estimates for your customers. Users can create, read, update, and delete invoices. Users can also filter invoices by status ​​(draft/pending/paid).

Features

✅ Create, read, update, and delete invoices
✅ Receive form validations when trying to create/edit an invoice
✅ Save draft invoices, and mark pending invoices as paid
✅ Filter invoices by status (draft/pending/paid)

👨‍💻 Demo

Try out the website : Invoice App

Try out the API: Invoice API

👨‍🔧 Tech Stack

🔑 Key Points and Steps I took to optimize the performance

• Reduced the bundle size drastically by using code-splitting and lazy loading to improve the User Experience.
• Used Redux to manage the state of the application.
• Reduced unnecessary re-renders by keeping components state local.
• Maintained structured readable code using MVC Pattern.
• Used Axios to make the API calls from the frontend.
• Built multiple dynamic and browser compatible pages.
• Built a complex form using the react-hook-form npm package.
• Worked with JSON web tokens for authentication and authorization security configurations using Node.js.
• Wrote all the CRUD operations.