Kapu$ta Project

Keeping your financial life organised can help you save time and money.

Kapu$ta is a finance management App, that can be helpful for saving and managing information of user's financial activities and provides financial infographics for selected period of time. It's main goal, lets say, is to keep user from overspending.

Kapu$ta might attract both users, who prefer to keep their bills and financial records well organised, and ones, willing to make it a habit to review their budget in order to improve their financial well-being.

Demo

Authors

• This project was initially created as a team project of the group of GoIT school Bootcamp 34 collaborators (list of all collaborators can be found in repository information) and later radically refactored, debugged and improved by me.

Optimizations

Features developed by me: login/register pages, animation, custom loader, date-picker and select, responsive layout (3 breakpoints: 320px, 768px, 1280px), light/dark modes, languages selection, translation of content into Ukrainian, add transaction bar show and hide option for mobile version.

NOTE: Please be informed, that loginisation via Google might not work properly due to the backend specifics.

Tech Stack

Front: React, Redux

Back: Swagger: https://kapusta-backend.goit.global/api-docs/

Libraries: Axios, Styled Components, React Datepicker, React Select, React Icons, Notiflix, Recharts

Features

• Light/dark mode toggle
• EN/UK languages toggle
• Responsive layout
• Cross platform

Run Locally

To check it out locally, clone the repository to your machine, open it in CLI (VScode etc) and install it with npm:

  git clone https://github.com/iuliia-sokol/kapusta

Go to the project directory

  cd kapusta (name of your local folder)

Install dependencies

  npm install

Start the server

  npm start