Invoices Issuing System

Invoicing application that enables users to create, read, update and delete invoices.

The project was prepared as a demo version of the app for the prospective client.

Features

Users should be able to:

• Sign in/sign out
• Toggle light/dark mode
• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Create, read, update, and delete invoices
• Receive form validations when trying to create/edit an invoice
• Save draft invoices
• Filter invoices by status (draft/pending/paid)
• View single invoice details
• See loader animation while data is fetched from back-end
• See correct title and description
• Receive error message on incorrect path/ fetching errors/ authentication errors/ runtime errors
• Mark pending invoices as paid

Still under development:

• Tests

Tech Stack

Client: React, ReduxToolkit, Formik, Yup, TailwindCSS, Jest, React Testing Library, ReactModal, react-error-boundary

Server: Firebase, FirebaseAuth

Project Management: JIRA

Screenshots

• application root when user is not logged in

• invoice details

• invoices list

• filtering invoices

• editing invoice

• creating new invoice

• form validation

• confirmation deletion

• error message

Demo

Live version of development branch: https://dev-invoice-app.surge.sh/

Installation

Clone repo

  git clone https://github.com/dareITgirls/invoice-app.git

Install my-project with npm

  npm install
  cd invoice-app

Run locally

 npm start

Authors

• @katarzyna-półrolniczak
• @joanna-łapa
• @ewelina-ostańska
• @klaudia-stopczyńska

Acknowledgements

The app design was provided by Frontend Mentor challenge Invoice App