rishipurwar1 / 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). Users can download invoices as PDFs.

Home Page:https://invoice-app-sand.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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).

Homepage

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

React TailwindCSS NodeJs ExpressJs MongoDB

🔑 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.

About

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). Users can download invoices as PDFs.

https://invoice-app-sand.vercel.app/


Languages

Language:CSS 98.3%Language:JavaScript 1.7%Language:EJS 0.0%Language:HTML 0.0%