Frontend Mentor - Invoice app

Welcome! 👋

This is Frontend Mentor challenge I had build. Look At Live Version

The challenge

The challenge is to build out this invoicing application and get it looking as close to the design as possible

Users are able to:

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, and mark pending invoices as paid
Filter invoices by status (draft/pending/paid)
Toggle light and dark mode

Technologies I had Used

React.js - Js Library
Module CSS - For Styling Purpose
Firebase - As a Backend Services
Firebase Hoisting - For Deployment

What I had Learned

React and State Management Using Hooks
Firebase
Firebase Auth - Check out this Video to learn

From Where to Learn

Running Locally

$ git clone https://github.com/dev-arminder/invoice-app.git
$ cd invoice-app
$ npm install
$ npm start