Portfolio
„Nawet najdłuższa podróż zaczyna się od pierwszego kroku.”
- Laozi
GitHub
Tutaj znajdziesz moje wszystkie projekty. Jeśli masz ochotę obejrzeć ich kody źródłowe, zapraszam Cię na moje konto
Personal Budget
To aplikacja webowa pozwalająca na zarządzanie swoimi finansami w szybki i intuicyjny sposób
Po rejestracji możesz zalogować się na swoje konto i korzystać z menu oferującego następujące funkcjonalności:
- dodaj przychód – opcja łatwa i przyjemna
- dodaj wydatek – opcja czasami konieczna. Aby lepiej kontrolować swoje wydatki, możesz ustawić limit dla każdej kategorii wydatków w zakładce ustawienia.
- pokaż bilans – wyświetla bilans dla wybranego przedziału czasu z podziałem na kategorie
- ustawienia – umożliwiają spersonalizowanie aplikacji
Technologie wykorzystane przy tworzeniu aplikacji:
- php – backend
- pakiet composer – do instalacji potrzebnych bibliotek i zarządzania nimi
- Mailer.php – do obsługi poczty
- mySql – do tworzenia zapytań do bazy danych
- html
- css
- bootstrap – dla zapewnienia responsywności
- silnik szablonów twig – do renderowania plików widoku
- javaScript
- ajax – do przesyłania danych bez konieczności przeładowania stron
Kod źródłowy aplikacji znajdziesz na moim koncie GitHub
Note Storage
To Interaktywna aplikacja do tworzenia i przechowywania notatek
Aby uruchomić aplikację na localhoście swojego komputera, należy wykonać następujące kroki:
- pobranie kodu – z repozytorium na moim koncie GitHub
- uruchomienie localhost – przy użyciu odpowiedniego programu np. XAMPP
- wybranie ścieżki w terminalu – poleceniem cd + ścieżka do folderu z aplikacją na naszym komputerze
- instalacja zależności – wpisujemy w terminalu polecenie npm install
- uruchomienie serwera Json – wpisujemy w terminalu polecenie npm run api
- uruchomienie serwera aplikacji – w osobnym terminalu wpisujemy polecenie nodemon server.js
- uruchomienie aplikacji – w osobnym terminalu wpisujemy polecenie npm start
Aplikacja powinna otworzyć się automatycznie w naszej domyślnej przeglądarce. Jeśli tak by się nie stało, należy w przeglądarce wpisać adres: http://localhost:3000/
Po rejestracji możesz zalogować się na swoje konto i przystąpić do zapisywania nowych notatek lub przeglądania tych utworzonych wcześniej:
- utwórz notatkę – w formularzu na górze ekranu kliknij pole treść, a formularz rozwinie się umożliwiając nadanie tytułu notatce i jej zapisanie
- zapisz notatkę – po kliknięciu ikony „dodaj” notatka wraz z dokładnym czasem jej utworzenia zostanie zapisana i wyświetlona chronologicznie poniżej
- usuń notatkę – po kliknięciu ikony „usuń” przy danej notatce zostanie ona usunięta, a chronologiczny widok wszystkich notatek – zaktualizowany
Technologie wykorzystane przy tworzeniu aplikacji:
- Node.js – do utworzenia back endu aplikacji jako REST API odbierające dane od front endu i umożliwiające rejestrację oraz logowanie użytkownika
- React – do zbudowania z komponentów front endu aplikacji wysyłającego dane do REST API
- serwer VPS – aplikacja została umieszczona na serwerze VPS firmy DigitalOcean na darmowy 2-miesięczny okres. Aplikacja została uruchomiona w sposób permanentny na systemie UBUNTU.
- pakiet json-server – do zapisu danych dostępowych użytkowników oraz ich notatek w pliku db.json
- pakiet react-router-dom – do przemieszczania się pomiędzy stronami aplikacji
Kod źródłowy aplikacji znajdziesz na moim koncie GitHub
Weather Forecast (niebawem)
Gdy tylko aplikacja będzie gotowa, chętnie podzielę się informacjami na jej temat
