BoardGamesNook: stół do gry

Prace nad aplikacją trwają, udało mi się już utworzyć nowy moduł stołów do gry.  Wyniki widać poniżej. Na początku widzimy listę stołów do gry: Jest na niej wypisany założycie stołu oraz proponowane pozycje gier, w które chce zagrać. Po kliknięciu na któryś stół poniżej wyświetlają się opcje dodatkowe: Można przejść do szczegółów stołu lub usunąć …

Czytaj dalej BoardGamesNook: stół do gry

Poranne problemy z Angularem

Usiadłam rano do projektu, odpalam nowy widok i co widzę? Błąd: "TypeError: Cannot read property 'TableBoardGameList' of undefined" Kod widoku, w którym się sypie: Zajęło mi chwilę rozwiązanie tej zagadki. Debuggowałam kilka razy, wyraźnie widziałam, że obiekt gameTable nie jest pusty, a mimo to nadal miałam błąd. Jakie było rozwiązanie? Wystarczyła tylko jedna linijka 🙂 Najpierw …

Czytaj dalej Poranne problemy z Angularem

Aplikacja i blog w godzinach

Kwiecień minął w ekspresowym tempie, już połowa maja a ja nawet nie zdążyłam zrobić podsumowania - ani dla Was ani nawet dla samej siebie. Czas to nadrobić! Podsumowanie pierwszego miesiąca konkursu (marca), zawarłam w końcówce tego postu. Ale dla lepszej czytelności, wrzucę ponownie raport z Toggl: MARZEC 39h pracy, w ciągu 13 dni. pisanie aplikacji : …

Czytaj dalej Aplikacja i blog w godzinach

BoardGamesNook: moduł gier planszowych

Mogę się już pochwalić kilkoma screenami z modułu do zarządzania grami planszowymi. Wszelkie wyświetlane informacje  są pobierane z serwisu BoardGameGeek, z którym zrobiłam integrację (o tym pisałam już wcześniej). Standardowo zaczynamy od listy dostępnych gier z dwoma przykładowymi: Po kliknięciu na nazwę gry możemy zobaczyć jej miniaturę: Po kliknięciu na Szczegóły przechodzimy do informacji, która …

Czytaj dalej BoardGamesNook: moduł gier planszowych

Obsługa błędów

Zabrałam się do pracy nad aplikacją i nagle zobaczyłam, że dodawanie nowej gry nie działa poprawnie - a raczej nie działa w ogóle. Wszystko pięknie, naprawi się w przyszłości, ale czemu nie mam żadnej informacji po stronie klienta, że coś poszło nie tak? Musiałam zabrać się więc za obsługę błędów. Załóżmy kilka przypadków błędów po stronie serwera: …

Czytaj dalej Obsługa błędów

BoardGameGeek i model XML

Ostatnio rozpoczęłam integrację mojej aplikacji z serwisem BoardGameGeek (udostępnia on swoje API). Przygotowałam się, zrobiłam research i zabrałam się do kodowania. Wysłanie requesta to sprawa prosta, teraz pytanie, co zrobić z response? Na początek muszę znaleźć daną grę podając jej nazwę. Wysyłam więc do BGG przykładowe zapytanie: Wszystko pięknie, tylko teraz z odpowiedzi muszę wygrzebać objectid tej gry …

Czytaj dalej BoardGameGeek i model XML

CRUD w Angularze

Moja aplikacja BoardGamesNook jest napisana w C#, korzysta ze wzorca MVC i wykorzystuje framework Angular. Oznacza to, że jest rozdzielona na stronę backendową (logika biznesowa w C#) i frontendową (odpowiedzialną za wyświetlanie danych użytkownikowi). Poniżej widać drzewo solucji głównego projektu. Folder src zawiera pliki typescryptowe do obsługi żądań i htmlowe do wyświetlania danych.   Utworzony w backendzie przykładowy model …

Czytaj dalej CRUD w Angularze

Pierwsze screeny BoardGamesNook

Wreszcie coś działa i mogę się tym pochwalić! Dla pierwszego obiektu, którym jest Gamer, utworzyłam wszystkie metody CRUD (czyli z  angielskiego Create, Read, Update i Delete). Te podstawowe metody pozwalają na utworzenie, pobranie, aktualizację i usunięcie obiektu. Po uruchomieniu aplikacji widzimy pustą stronę z 2 opcjami: BoardGamesNook oraz GamerList. Menu logowania po prawej stronie na razie …

Czytaj dalej Pierwsze screeny BoardGamesNook

Etap 0: Projektowanie aplikacji

Według wszelkich porad i instrukcji dostępnych w Internetach i książkach dobra aplikacja zaczyna się od... dobrze zaprojektowanej struktury. Tutaj ->  można zobaczyć strukturę mojej aplikacji. Według danych zapisanych w toggle jej wymyślenie, uporządkowanie i implementacja zajęły mi około 6h. Mam nadzieję, że zaowocuje to w przyszłości:) Zajmowałam się tym pierwszy raz więc jestem otwarta na wszelkie …

Czytaj dalej Etap 0: Projektowanie aplikacji