SoratHesab is a powerful web application for managing your invoices effortlessly! Keep your financial records organized with the click of a button. Read on to explore its features and the technologies behind it.
-
โ Create: Easily add new invoices with all the necessary details โ invoice number, date, customer name, amount, type, transportation, and address.
-
๐๏ธโ๐จ๏ธ Read: Get a quick overview of your invoices, with handy filtering and searching options to find what you need.
-
๐๏ธ Update: Keep your data up-to-date by editing existing invoices.
-
โ Delete: Remove invoices that are no longer needed, keeping your records tidy.
-
๐ฅ Export to PDF: One-click export of your invoice list to a PDF file โ perfect for printing or sharing.
-
Frontend:
- ๐ React: A JavaScript library for building engaging user interfaces.
- ๐ Material-UI: A fantastic React UI framework for creating modern, responsive web apps.
- ๐ Material-React-Table: Simplifies data table creation in Material-UI.
- ๐ช react-query: Handles data fetching and state management in your React app.
- ๐ jspdf: Generates PDF files effortlessly.
- ๐ก axios: A promise-based HTTP client for smooth API requests.
- ๐ฅ Icons from Material-UI for a sleek user interface.
-
Backend: (Check the
backend
folder for more details)- ๐ข A server-side component powered by Node.js, providing APIs and using JSON files as a database.
-
Frontend: The main application code and UI components reside here.
-
backend: Explore the
backend
folder for server-side code, Node.js, and the JSON database.
- ๐งฌ Clone the repository.
git clone https://github.com/Mahdi-Hazrati/SoratHesab.git
- ๐ฆ Install React app dependencies using
npm install
.
npm install
- ๐ฆ Install Node JS app dependencies using
npm install
.
cd backend
npm install
- ๐ฅ๏ธ Run the backend Server, dive into the
backend
folder.
backend/ npm start
- ๐ Start the frontend with
npm start
.
/ npm start
- App Main Route
React app [Front-End] http://localhost:3000/
Node app [Back-End ] http://localhost:3001/api
๐ Contributions are encouraged! Open issues or submit pull requests to make SoratHesab even better.
This project is licensed under the MIT License.
another project developed by Mehdi for opensource | Happy coding! ๐