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

• React
• Firebase

Running Locally

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