Web of Sky - Business Management
- Demo: demo.webofsky.pl
- Login: "Admin"
Hasło: "Admin"Po zalogowaniu poczekaj 50 sekund na włączenie backendu!
- Login: "Admin"
- Kod źródłowy: github.com/Webofsky/Demo-domain-managment
zaawansowana aplikacja full-stack, stworzona z myślą o zarządzaniu domenami klientów, zadaniami oraz monitorowaniu płatności. Aplikacja umożliwia bezpieczne przechowywanie i zarządzanie informacjami dotyczącymi kont hostingowych klientów oraz dostarcza narzędzia do monitorowania projektów, usług i finansów.
Technologie:
Frontend:



Backend:



Funkcje
- Logowanie użytkowników za pomocą JWT: Aplikacja wykorzystuje tokeny JWT do autoryzacji, co gwarantuje bezpieczny dostęp do systemu.
- Zarządzanie danymi hostingowymi: Na stronie głównej po zalogowaniu użytkownik ma dostęp do informacji dotyczących paneli hostingowych, takich jak loginy i hasła. Aby zobaczyć hasło, użytkownik musi kliknąć przycisk "Show Data", który wysyła żądanie (request) do serwera w celu sprawdzenia poprawności tokena JWT.


Zakładka "Clients"
- Dodawanie i edytowanie klientów oraz domen: Użytkownik może dodawać nowych klientów oraz przypisywać do nich wiele domen i subdomen. Struktura tych domen jest prezentowana w formie drzewa, co pozwala na łatwe zarządzanie. Istnieje również możliwość edytowania danych klientów i przypisanych do nich domen, dzięki czemu aplikacja jest elastyczna i dostosowuje się do zmieniających się potrzeb użytkownika.
- Monitorowanie płatności: Każda domena ma zdefiniowaną ostatnią oraz nadchodzącą płatność. System automatycznie monitoruje terminy płatności, a w przypadku, gdy do następnej płatności pozostało 7 dni, przy nazwie domeny wyświetlany jest piktogram informujący o zbliżającym się terminie zapłaty.
- Baza danych: Po dodaniu lub edycji klienta, jego dane są zapisywane w bazie danych i wyświetlane na liście klientów wraz z wszystkimi przypisanymi do niego domenami.

Zakładka "Service"
- Tworzenie usług: W zakładce "Service" użytkownik może wybrać domenę z listy (zawierającej wszystkie dodane wcześniej domeny w zakładce „Clients”) i dodać usługę, taką jak na przykład stworzenie strony internetowej. Użytkownik może określić szczegóły usługi oraz cenę (np. 1000zł).
- Zarządzanie płatnościami w ratach: Po dodaniu usługi do bazy danych, zostaje ona wyświetlona jako zadanie do zrealizowania. Aplikacja pozwala na rozbijanie kwoty do zapłaty na raty. Przykładowo, jeśli klient ma zapłacić 1000zł za stronę, może uiścić 400zł na początku, a 600zł na końcu. Każda płatność może być zapisywana wraz z opisem, a kalkulator automatycznie oblicza pozostałą kwotę do zapłaty oraz wyświetla wszystkie dotychczas zapłacone raty.
- Śledzenie zadań i płatności: Aplikacja umożliwia dodawanie, edytowanie i usuwanie zadań oraz monitorowanie postępu realizacji, co zapewnia pełną kontrolę nad projektem i jego finansami.

Dodatkowe informacje
- Dodawanie i edytowanie klientów oraz domen: Użytkownik może dodawać nowych klientów oraz przypisywać do nich wiele domen i subdomen. Struktura tych domen jest prezentowana w formie drzewa, co pozwala na łatwe zarządzanie. Istnieje również możliwość edytowania danych klientów i przypisanych do nich domen, dzięki czemu aplikacja jest elastyczna i dostosowuje się do zmieniających się potrzeb użytkownika.
- Monitorowanie płatności: Każda domena ma zdefiniowaną ostatnią oraz nadchodzącą płatność. System automatycznie monitoruje terminy płatności, a w przypadku, gdy do następnej płatności pozostało 7 dni, przy nazwie domeny wyświetlany jest piktogram informujący o zbliżającym się terminie zapłaty.
- Baza danych: Po dodaniu lub edycji klienta, jego dane są zapisywane w bazie danych i wyświetlane na liście klientów wraz z wszystkimi przypisanymi do niego domenami.