Giter VIP home page Giter VIP logo

invoicer_v2's Introduction

About Invoicer - Read the note at the end

alt

Current Features

  1. Form to capture yours and your client's data such as full name, email address, physical address, website and your bank account details.
  2. Input invoice number, invoice date and due date.
  3. Create invoice table - add, edit and remove items from your table.
  4. See the total amount of items in the table.
  5. Write additional notes to your client such as how to pay, bank details and so on and so forth.
  6. Preview your invoice.
  7. Print your invoice.

Updates

  1. I've updated react-scripts to version 5.0.0 which is the latest version. Take note of this if you're coming from the YouTube series.
  2. I have now installed Tailwind CSS via npm as they have released version 3 which includes many more features out of the box and works amazingly with the updated react-scripts. Take note of this as well if you're coming from the YouTube series.
  3. I added a landing page and login/logout authentication and redesigned the default page for the invoice application. Once again, please take note of this if you're coming from the YouTube series.

Thank you, that is all for now. N/B: Updated 22/02/22. (The date looks cool don't it?) - Yes, I know I've made a grammar error.

Todos (additional features to add)

  1. Modal to send invoice to client's email - so, add input for client email.
  2. Currency converter because yes.
  3. Research PDFLayer to convert invoice to pdf for download (and also to send to email).
  4. Probably better if I display the form and invoice side by side instead of having to switch every single time to preview.

NOTE:

I am adding more features and functionality to this app. If you're following along from the YouTube videos, please take note of the changes in file structure and everything.

invoicer_v2's People

Contributors

sankthomas avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.