TaysonGermano / invoice-system

This is an invoice App build with Reactjs. Some of the key features of this app are: CRUD and also theme switcher. The routing is managed by React-Router and it uses localStorage for data persistence

Invoice System

Table of contents

• Overview
  • Requirements
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

Requirements

Users are be able to:

• Create new Invoice
• See list of all created invoices
• See invoice details
• Change invoice status
• Edit invoice
• Delete invoice
• Change App theme from light to dark and vice-versa

Screenshot

Links

• Live Site URL: URL here

My process

Since I knew I had to use react for this project, the first step was to understand all the requirements clearly and see what components will need to be created. For this project I choose to go for JSS as the style option simple because I felt like is a big front end project and I needed SASS for style. Since I had to create two forms one to create the invoices and another one to edit invoices, had to use a form hook like react form hook or formik and for this one project I went for Formik

Built with

• JSX
• Formik
• JSS
• Hooks
• React - JS library
• React-Router
• UUID
• GSAP