Projekt ten jest aplikacją mobilną napisaną w języku Dart przy użyciu frameworka Flutter. W aplikacji tej użytkownik może tworzyć notatki oraz je edytować. Notatki te są zapisywane w bazie SQLite. Do aplikacji użytkownik musi się autoryzować za pomocą danych, które są również zapisywane w bazie SQLite. Informacje o tym, czy użytkownik jest zalogowany i na jakie konto, przechowywane są w Shared Preferences.
Aplikacja składa się z kilku głównych ekranów:
Ekran logowania, na którym użytkownik wprowadza swoje dane logowania (email lub nazwę użytkownika oraz hasło). Ekran ten zawiera:
TextFormFieldWithIcondo wprowadzania emaila lub nazwy użytkownika.TextFormFieldWithIcondo wprowadzania hasła, z możliwością jego ukrycia/odkrycia.- Przycisk "Sign In" (
pinkButton), który po kliknięciu sprawdza dane logowania i przekierowuje użytkownika doHomeVieww przypadku poprawnych danych. - Link "Forget Password?" oraz "Sign Up" do odpowiednich ekranów.
Ekran rejestracji, na którym użytkownik może utworzyć nowe konto. Ekran ten zawiera:
TextFormFieldWithIcondo wprowadzania imienia.TextFormFieldWithIcondo wprowadzania emaila.TextFormFieldWithIcondo wprowadzania hasła oraz jego potwierdzenia.- Przycisk "Sign Up" (
pinkButton), który po kliknięciu rejestruje nowego użytkownika, zapisuje jego email w shared prefences i przekierowuje go doLoginView. - Link "Sign in" do ekranu logowania.
Ekran główny, na którym użytkownik może przeglądać swoje notatki. Ekran ten zawiera:
AppBarz tytułem "Notes" oraz ikoną wyszukiwania (nie działająćą).StaggeredGridViewdo wyświetlania notatek w formie kart (NoteCardWidget).FloatingActionButtondo dodawania nowych notatek, który przekierowuje doAddEditNoteView.
Ekran szczegółów notatki, na którym użytkownik może przeglądać wybraną notatkę. Ekran ten zawiera:
AppBarz przyciskami edycji i usuwania notatki.ListViewdo wyświetlania tytułu, daty utworzenia oraz treści notatki.
Ekran dodawania/edycji notatki, na którym użytkownik może tworzyć nowe notatki lub edytować istniejące, oraz oznaczyć notatkę jako ulubiona. Ekran ten zawiera:
NoteFormWidgetz polami do wprowadzania tytułu oraz treści notatki.
- Dart
- Flutter
- SQLite
- Shared Preferences
Plik główny aplikacji, który inicjalizuje aplikację i sprawdza, czy użytkownik jest zalogowany. W zależności od tego, przekierowuje do LoginView lub HomeView.
Zawiera implementację ekranu logowania (LoginView). Używa TextFormFieldWithIcon do wprowadzania danych logowania oraz pinkButton do logowania użytkownika.
Zawiera implementację ekranu rejestracji (RegisterView). Używa TextFormFieldWithIcon do wprowadzania danych rejestracyjnych oraz pinkButton do rejestracji nowego użytkownika.
Zawiera implementację ekranu głównego (HomeView). Wyświetla listę notatek w formie kart (NoteCardWidget) oraz umożliwia dodawanie nowych notatek za pomocą FloatingActionButton.
Zawiera implementację ekranu szczegółów notatki (NoteDetailPage). Wyświetla tytuł, datę utworzenia oraz treść notatki. Umożliwia edycję i usuwanie notatki.
Zawiera implementację widżetu karty notatki (NoteCardWidget). Wyświetla tytuł, datę utworzenia oraz ikonę ulubionej notatki.
Zawiera implementację formularza notatki (NoteFormWidget). Umożliwia wprowadzanie tytułu oraz treści notatki.
Zawiera implementację przycisku powrotu (backButton). Umożliwia powrót do poprzedniego ekranu.
Zawiera implementację widżetu TextFormFieldWithIcon, który jest używany do wprowadzania danych w formularzach.
Zawiera implementację widżetu headerText, który wyświetla nagłówek tekstu.
Zawiera implementację widżetu pinkButton, który jest używany jako przycisk w aplikacji.
I parę innych plików, których opisywanie tu minełoby się z celem...
Na początku największym (urojonym) wyzwaniem było stworzenie całego layoutu na ekranie logowania. Okazało się jednak, że stworzenie tego nie było wcale takie trudne. Trudności dopiero pojawiły się w szczegółach, lub raczej dopiero po ich zauważeniu - przycisk do odkrycia hasła zagwiastkowywał po kliknięciu pole loginu - z problemem tym borykałem się całkiem sporo czasu, ponieważ wymagałem od siebie najprostszego ale i najbardziej logicznego rozwiązania. Kolejnym problemem, drobnym lecz bardzo denerwującym, okazały się wartości w InitialValue. Uważam, że nie skorzystałbym z aplikacji, która automatycznie usuwa domyślną zawartość pól tekstowych po kliknięciu w nie, stąd też musiałem się zapoznać z mechanizmami controllera oraz focusnode aby to naprawić.
Kolejnym problemem, który napotkałem, dotyczył obsługi bazy danych. Okazało się, że potrzeba dużo czasu na zrozumienie, jak działa SQLite w Flutterze, i jak z niego korzystać w "rozsądny" sposób. Niestety, nie udało mi się zaimplementować wszystkich funkcjonalności, które chciałem, ale jestem zadowolony z tego, co udało mi się osiągnąć. Przede wszystkim brakuje korelacji między notatkami a użytkownikami, co uniemożliwia zapisywanie notatek dla konkretnego użytkownika.
Ikonka do wyszukiwania oraz "Forget Password" nie działają, ponieważ nie zdążyłem zaimplementować ich w całości.
- Nauka Fluttera: Tworzenie tej aplikacji pozwoliło mi na głębsze zrozumienie frameworka Flutter. Praca z różnymi widżetami i zarządzanie stanem aplikacji były kluczowymi elementami, które pomogły mi lepiej zrozumieć, jak działa Flutter.
- Obsługa baz danych: Implementacja SQLite w aplikacji była wyzwaniem, ale również cenną lekcją. Zrozumienie, jak działa lokalna baza danych i jak efektywnie zarządzać danymi, było kluczowe dla sukcesu projektu.
- Zarządzanie stanem: Praca z formularzami i walidacją danych nauczyła mnie, jak ważne jest zarządzanie stanem w aplikacji. Użycie TextEditingController i GlobalKey było niezbędne do poprawnego działania formularzy.
- Interfejs użytkownika: Tworzenie intuicyjnego i estetycznego interfejsu użytkownika było jednym z głównych celów projektu. Użycie spójnych widżetów, takich jak TextFormFieldWithIcon i pinkButton, pomogło w osiągnięciu tego celu.
- Debugowanie i testowanie: Podczas tworzenia aplikacji napotkałem wiele problemów, które wymagały debugowania i testowania. Było to cenne doświadczenie, które nauczyło mnie, jak ważne jest dokładne testowanie aplikacji na różnych etapach jej tworzenia.
- Brakujące funkcjonalności: Nie udało mi się zaimplementować wszystkich planowanych funkcjonalności, takich jak wyszukiwanie notatek i resetowanie hasła. Było to cenne doświadczenie, które nauczyło mnie, jak ważne jest realistyczne planowanie i priorytetyzacja zadań.
