/invoice-app

Invoice App - A React.js application for managing invoices with status management and theme switching.

Primary LanguageJavaScriptMIT LicenseMIT

Invoice App

License GitHub issues GitHub stars

Overview

The Invoice App is a simple and efficient tool designed to help users manage their invoices. Built using React.js, this application allows users to create, edit, and delete invoices. Each invoice can have one of three statuses: Paid, Pending, or Draft. The app also includes a theme switcher to toggle between light and dark modes, providing a customizable user experience.

Demo

Check out the live demo of the Invoice application:

Live Demo on Netlify

Features

  • Create Invoices: Easily create new invoices by filling out essential information such as billing details, item list, and payment terms.
  • Edit and Delete Invoices: Modify existing invoices or remove them entirely.
  • Status Management: Assign invoices with statuses such as Paid, Pending, or Draft.
  • Filter Invoices: Filter your invoices by their status to quickly find the ones you're looking for.
  • Dark and Light Theme: Switch between dark and light modes for a comfortable viewing experience.

Technology Stack

  • Frontend: React.js
  • Styling: CSS (with theme management)
  • State Management: useContext for global state and React State for local component state

Screenshots

Dashboard

Dashboard Light Dashboard Dark

Invoice Details

Paid Invoice Details Pending Invoice Details

Create New Invoice

Create New Invoice

Edit Invoice

Edit Invoice

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact