Pure Ledger App is a simple and intuitive application designed to help users manage their accounts efficiently. Built with React and Vite, this application leverages modern web development technologies for a smooth user experience.
Users can create an account by providing their details. Registration ensures secure and personalized access to the application.
Registered users can log in to the application to access their accounts and manage their financial data.
The dashboard provides an overview of the user's financial information:
- Debit: Displays the total debit amount.
- Credit: Shows the total credit amount.
- Total Amount: Summarizes the balance (debit vs. credit).
- Bar Chart: Visually represents financial data for better insights.
- Add Accounting Head: Users can create categories for better organization of their financial records.
- Add Account Info: Users can add specific account details under each accounting head.
- Frontend: React (with Vite for development)
- Styling: Material UI
- Toast: React Hot Toast
- Api Fetch: Axios and React Query
- Visualization: Chart.js
-
Clone the repository:
git clone https://github.com/Talat09/pure-ledger-frontend.git cd pure-ledger-app -
Install dependencies:
npm install
-
Run the application:
npm run dev
-
Build for production:
npm run build
- Register: Sign up with your details.
- Log In: Use your credentials to log in.
- Dashboard: View your financial summary and the bar chart.
- Accounting: Add and manage accounting heads and account information.
- Employee ID: ctg10
- Password: 123456