Invoicer

An Invoice Creator built using ReactJS

Demo • Key Features • Technologies Used • How To Setup • To do • License

Demo

Here is a working demo:- https://invoice-app-vignesh.netlify.app/

Key Features

• Create Invoices for the products or service that you offer
• Add status to the invoice to keep track of paid and pending invoices
• Get a detailed view for each invoice
• Download invoices to PDF format to make it available offline or send it to the client
• Filter invoices by date or status to find out the pending payments
• Get detailed Stats about your clients and invoices
• Search Invoices
• Send invoices to returning clients through Send again section

Technologies used

Client-Side

• ReactJS
• Redux
• TailwindCSS
• SCSS
• Recharts
• ViteJS
• jsPDF

Server-Side

• ExpressJS
• Mongoose
• JWT
• Google oauth
• BCrypt
• Cookie-parser

Database

• MongoDB

Deployment

• Netlify - Client
• Heroku - Server
• MongoDB Atlas - Database

How To Setup

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/vigneshrajj/React-Invoice-App

# Go into the server folder
$ cd React-Invoice-App/server/

# Install dependencies
$ npm run devInstall

# Run the app
$ npm run dev

To do

• Remove persistent error messages on login and signup page
• Fix routing issue on page reload in netlify
• Update animations for invoice table and search results
• Fix accessibility warnings

License

MIT © Vignesh Raj