Clean and simple budget tracker website created in Next.JS for the desktop version
You can view the live demo of the project here.
- Folders and Files: The project follows modular structure for folder with components, pages and utilities
- LocalStorage: Storing object of budget in array that will be stored in the browser
- Chart.js: Create a pie chart of incomes and outcomes to visualize consumption
- Technologies Used: Next.js, SCSS, Chart.js
- Considerations: During development, main focus is on creating simple and clean component and good naming of components
Make sure you have the following installed on your computer:
Clone the repository
git clone https://github.com/Roko03/budget-tracker.git
cd budget-tracker
Installation
npm i
#or
npm install
Running the Project
npm run dev
Open http://localhost:3000 to view the project