Invoice-app

Demo 📸

---

Application deploy with vercel: 💨

https://invoice-app-weld.vercel.app

Ps: There are a bug on create post only in deploy vercel.

📜 About the Project

invoice-app is a project to organize your invoices.

📋 User Stories:

• - Create, read, update, and delete invoices.
• - Filter invoices by status (pending/paid).
• - See hover states for all interactive elements on the page.
• - View the optimal layout for the app depending on their device's screen size.
• - User can mark pending invoices as paid.
• - Receive form validations when trying to create/edit an invoice.
• - Keep track of any changes, even after refreshing the browser. (Full-Stack Application)
• - Toggle the color scheme between light and dark mode

🛠 Technologies

React.js

Styled-components

Next.js

Axios

MongoDB

TypeScript

EditorConfig

---

💻 How to run the application

Pre-requisites:

You must have the tools installed: Git, Node.js. Change .env.example credentials for your credentials and rename the file for .env

# In the terminal, clone the project:
$ git clone https://github.com/Wesley-wsl/invoice-app.git

# Enter the project folder:
$ cd invoice-app

# Install dependencies:
$ yarn install
or
$ npm install

# Run the application:
$ yarn dev
or
$ npm run dev

Okay, now you can access the application from the route: https://localhost:3000/