This project was bootstrapped with Create React App.
Створити файл .env
зі змінною REACT_APP_BASE_URL="BACK_END_URL"
.
На машині повинен бути вставновлений Node.js версії 16.15.0
. Можна використати бібліотеку nvm
для забезпечення цієї умови.
npm install
npm start
Для створення front-end застосунку використовувались такі інструменти
- React.js для створення юзер інтерфейсу та керування стейтом компонетів.
react-router-dom
для створення внутрішнього раутингу додатка.- TypeScript для забезпечення строгої типизації.
- Redux + redux-persist для керування глобальним стейтом додатку.
- react-apexcharts для відображення графіків та діаграм.
- Material UI - UI toolkit (аналог Bootstrap для Реакт додатків)ю
Сайт задеплоїний за допомогою Netlify.com
- Юзер має змогу зареєструватись і увійти у свій профіль (авторизація).
- Юзер може оновити пароль на сторінці профілю.
- Юзер має змогу створити декілька рахунків 2 видів - у національній валюті (гривня, доллар, євро) та криптовалюті (Біткоїн, Етер). Рахунок може бути кредитним або дебетним.
- Юзер ає змогу редагувати рахунок (змінити назву, іконку, тип рахунку у випадку, якщо баланс рахунку позитивний).
- Юзер має змогу переглядати створеня рахунки та інформацію про них.
- Юзер має змогу створювати транзакції та перекази між рахунками, а також редагувати створені транзакції.
- Юзер має змогу видаляти рахунки.
- Юзер має змогу видаляти транзакції.
- Юзер має змогу створити категорії, отримувачів платежів та теґи на сторінці Налаштування і використовувати їх при створенні та редагуванні транзакцій.
- Юзер має змогу дивитись статистику за поточний місяць на головній сторінці (Dashboard) - загільні витрати у гривні, загальні доходи у гривні, кількість транзакцій, загальний баланс (сума балансів з усіх рахунків у долларовому еквіваленті), графік зміни загального балансу за місяць, діаграма витрат за категоріями, а також список останніх транзікцій.
- Юзер може вийти з аккаунту.