Budget tracker

Clean and simple budget tracker website created in Next.JS for the desktop version

Live demo

You can view the live demo of the project here.

Project Structure

• 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

How to use it

Make sure you have the following installed on your computer:

• git
• node.js
• npm

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