Skip to content

Fully responsive web single page application that presents to user his transactions and finances information.

License

Notifications You must be signed in to change notification settings

eidan66/Budget-Application

Repository files navigation

💰 Budget Application - React TypeScript 💰

Fully responsive web single page application that present to user his transactions and finances information.

Live Project

https://eidan66.github.io/Budget-Application/

Preview 🎥

Desktop mode 💻

https://youtu.be/BDKadkpj85w

Responsive (Mobile & Tablet Mode) 📱

https://youtu.be/oaJKNc4qgb0

Mockups 🖼

To build the project i use 2 mockups.

The first one was for template web dashboard Mockup-1

And the second mockup was for Transactions cards

Mockup-2

Color Palette 🎨

From the first mockup i get my color palette and reuse those colors. Color-Palette

Tech Used

  • React - TypeScript
  • Style-Components & Material-UI & Storybook
  • Context & Reducer
  • ApexCharts.js - Reference here
  • Leaflet (Map) - Reference here

Installation ⚙

  1. Clone the repo

git clone https://github.com/eidan66/Budget-Application.git

  1. Install NPM packages npm install

npm start

Runs the app in the development mode.
Open http://localhost:3000/Budget-Application to view it in the browser.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Idan Levian - Linkedin

Project Link - Budget-Application

About

Fully responsive web single page application that presents to user his transactions and finances information.

Topics

Resources

License

Stars

Watchers

Forks

Languages