- Wstęp
- Opis projektu
- Uruchomienie projektu
- Przeznaczenie projektu
- Endpointy
- Przyszłe aktualizacje
- Licencja
- Backend
MyFinances to projekt powstały z chęci stworzenia aplikacji, której sam potrzebowałem oraz z której chętnie będę korzystać. Aplikacja służy do zapisywania wydatków, dodawania ich do odpowiednich kategorii i analizy poniesionych wydatków.
Strona klienta
Użyte paczki
- Redux
- React Router
- Formik
- Storybook
- Styled Components
- i18next React
- Lodash
- JSON Server
- React-Toastify
- React Query
- Downshift
- Axios
Strona serwera
Użyte paczki po stronie serwera
Baza danych
Color | Hex |
---|---|
Primary Color | #3455F7FF |
Secondary Color | #6B7A99 |
Accent Color | #F7F8FA |
Text Color | #6B7A99 |
- Rejestrowanie użytkowników
- Zaimplementowanie autoryzacji i autentykacji przy użyciu JWT
- Dodawanie portfeli, do których można dodawać wydatki i przychody
- Zaimplementowany wykres z wydatkami i przychodami
- Dodawani kategorii i podkategorii wydatków i przychodów
W celu prawidłowego skonfigurowania projektu i połączenia z bazą danych, należy odpowiednio wypełnić pola w zmiennej lokalnej znajdującej się w pliku ormconfig.ts
W tym projekcie domyślnym menadżerem paczek jest NPM.
W katalogu projektu zainstaluj niezbędne zależności i paczki za pomocą komendy:
npm install
Uruchomienie aplikacji
npm start
Zbudowanie wersji produkcyjnej aplikacji
npm run build
Aplikacja pozwala w prosty sposób na dodawanie wydatków i przychodów oraz ich analizę.
- widok RWD
- poprawienie dark mode
- poprawienie polskiej wersji językowej
- dodanie brakujących wykresów
- naprawa błędów
- PWA
- dodanie testów jednostkowych i integracyjnych
- zoptymalizowanie aplikacji
Distributed under the no License. See LICENSE.txt for more information.