Programowanie Systemów Webowych

System zarządzania usługami IT

Dokumentacja »

Demo · Zgłoś problem

Spis treści

• Opis projektu
  • Stack
  • Wybrane moduły
    • Struktura HTML5
    • Formularz
    • Web storage
    • Drag & Drop
    • Rest API
    • Workery
• Uruchomienie
  • Wymagane środowisko
  • Instalacja
• Licencja
• Zrzuty ekranu
• Kontakt

Opis projektu

Projekt jest warunkiem zaliczenia przedmiotu Programowanie Systemów Webowych który jest oparty na wybranych przez studenta funkcjonalnościach poniżej:

• Struktura HTML5
• Formularz
• Web storage
• Drag & Drop
• Rest API
• Workery

Stack

Wybrane moduly

Struktura HTML5

• ✓ Strukutra HTML5 dzięki silnikowi wyświetlania ejs
• ✓ Framework TailwindCSS do stylizacji HTML

Formularz

• ✓ Logowanie
• ✓ Rejestracja
• ✓ Tworzenie wniosków
• ✓ Zamieszczanie komentarza, uwag do prac
• Zamieszczanie załączników

Web storage

• ✓ Moduł autentyfikacji (JWT):
  • przechowywanie tokenu sesji
• Tryb dark mode

Drag & Drop

• Przekazywanie załączników (Vue.js)
• ✓ Widok tablicy i kolejki zgłoszeń, drag & drop można wykorzystać do dispatchowania zgłoszeń pomiędzy specjalistami ds. wsparcia (Vue.js)

Rest API

• ✓ Aplikacja wykorzystuje Rest API do komunikacji z bazą danych (MongoDB)
• ✓ Wykorzystanie Rest API do weryfikacji tokenów JWT

Workery

• Po stronie serwera automatyczne zamykanie nieaktywnych zgłoszeń
• ✓ Middleware autentykacyjny
• ✓ Komunikaty wysyłane poprzez SMTP

Uruchomienie

Wymagane srodowisko

1. git clone github.com/egrzeszczak/programowanie-systemow-webowych
2. Konfiguracja .env

ACCESS_TOKEN_SECRET=jwt_token_secret
HOST_IP=host_ip
DB_USER=database_user
DB_PASS=database_password
DB_ADDR=database_address
DB_NAME=database_name
MAIL_HOST=smtp_address
MAIL_PORT=port
MAIL_USER=email_user
MAIL_PASS=email_password

3. node w wersji 16.14.0
4. npm w wersji 8.3.1
5. Serwer mongodb w wersji >5.*

Instalacja

• npm install
• npm run dev

Licencja

Licencja jest dostępna w pliku LICENSE

Zrzuty ekranu

Tworzenie nowego zgłoszenia

Wyświetlanie jako zwykły użytkownik 1/2

Wyświetlanie jako zwykły użytkownik 2/2

Tablica zgłoszeń

Widok zaawansowany

Widok listy zgłoszeń

Kontakt

Ernest Grzeszczak - ernest.grzeszczak@gmail.com

Link do projektu: https://github.com/egrzeszczak/programowanie-systemow-webowych