Payment Book

Main Screen
Main Screen after Adding invoice
Filling the invoice
Invoice Info
Add Invoice Screen

Inspiration

During our Summer Holidays, we got to explore many small startups and businesses to explore the field of entrepreneurship. During that time, many times we got to see problems in the businesses in generating new invoices quickly and easily. From there we got the idea of building this app for rapid generation of invoices

What it does

In this app, We can easily generate invoices and can also save them as drafts. Using Database CRUD operations we can easily modify and delete the invoices after dues and completion. Once payment is done the user can change the payment status to pay for future reference.

How we built it

We used React.js for the frontend part with styling majorly done in CSS3. The backend is set up in Node.js with MongoDB as the main NoSQL database to store the invoices.

Challenges we ran into

As we are beginners at using frameworks in Web development, React.js was fairly new for us and we faced some problems in integrating the backend with React.js. Also, designing the prototype for the app was a challenge.

Accomplishments that we're proud of

We got to learn the whole MERN stack during the development of this project through the medium of this amazing hackathon, which is the greatest accomplishment as a team.

What we learned

We got to learn a lot about the MERN stack during the development and got to learn how to build a full-stack app using the MERN stack

What's next for Invoice Book

We have planned to work further on this project and add features like adding a remote messaging service to the app and improving the structure of the app.