dev-oskar / moje-auto

Aplikacja służąca do zliczania wydatków na samochód

Moje auto

Śledź swoje wydatki na samochód

This is a Next.js project bootstrapped with create-next-app.

Rozpocznij

Aby uruchomić serwer aplikacji uruchom linię poleceń a następnie wprowadź następujące komendy:

npm run dev
# or
yarn dev

Otwórz http://localhost:3000 za pomocą przeglądarki aby obejrzeć aplikację.

moje-auto's Issues

Poprawić przekierowania przed i po zalogowaniu

Cel zadania

Jak w tytule

Wybór języka.

Zadbajmy o odpowiednia translacje elementów na Polski oraz Angielski celem ułatwienia sobie tego w przyszłośći oraz oszczędności czasu.

Stworzyć podstronę z panelem użytkownika

Cel zadania

Podstrona z panelem użytkownika jest docelowym miejscem, do którego powinien trafić użytkownik po zalogowaniu się.
Z tego miejsca jest możliwe dodanie nowego pojazdu, wybranie waluty czy jednostek miary.

Stworzyć landing page

Potrzebujemy stworzyc tzw landing page czyli strone którą uzytkownik widzi podczas pierwszego uruchomienia aplikacji.Pozdro.

Diagram ERD bazy danych

Cel zadania

Diagram ERD oraz schemat bazy danych, z której będziemy korzystać w naszej aplikacji to ważna rzecz, którą należy ustalić jak najwcześniej. W razie gdyby zaszła konieczność modyfikacji modelu bazy danych nasz wybór Google Firebase pozwala na elastyczne zarządzanie danymi i zmiany w dowolnym momencie co powinno nam ułatwić sprawi.
Czytelny diagram powinien zostać uwieczniony w tym zadaniu, tak aby można było z niego w przyszłości szybko i łatwo skorzystać.

Stworzyć layout wydatków

Stwórzmy jakiś przejrzysty layout wydatków oraz zastanówmy sie co powinien zawierać.

Zarządzanie pojazdem(strona/panel)

Pasuje zaczac od stworzenia strony gdzie mozemy dodac samochody oraz edytowac juz istniejące.

Dostosować aplikacje do urządzeń mobilnych.

Aplikacja musi być czytelna na kazdym urzadzeniu niezaleznie od rozdzielczosci ekranu, takze na tych mobilnych jak smartfon itp,

Dodać tłumaczenia na wszystkich widokach

W widoku np UserPanel należy dodać tłumaczenia, dla przykładu został już zaimportowany moduł loadTranslations w linii nr 7. Jego użycie jest zadeklarowane w linii 18 i przechowywane w zmiennej texts.
Tłumaczenia są przechowywane w pliku en.json i pl.json w folderze i18n.
Aby skorzystać z tłumaczenia należy zamienić np. Witaj, " na {texts.userPanel.welcomeMessage}. To zostało już zrobione, należy zmienić pozostałe miejsca w kodzie w aplikacji w ten sam deseń.