Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/boriskrasko/omtech-list-of-firms
https://github.com/boriskrasko/omtech-list-of-firms
css flexbox form javascript localstorage nativescript spa vanillajs
Last synced: 2 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/boriskrasko/omtech-list-of-firms
- Owner: boriskrasko
- Created: 2022-05-19T16:51:18.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-05-23T09:40:53.000Z (over 2 years ago)
- Last Synced: 2024-09-22T14:31:37.278Z (6 days ago)
- Topics: css, flexbox, form, javascript, localstorage, nativescript, spa, vanillajs
- Language: JavaScript
- Homepage:
- Size: 34.2 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# omtech-list-of-firms
## Zadanie 1.
### Przygotuj aplikację WWW (SPA) która umożliwia dodanie nowej firmy.
Aplikacja składa się z:
- formularza dodawania firmy
- tabelki z aktywnymi firmami
- tabelki z nieaktywnymi firmami
Pola wymagane do zapisania formularza:
- nazwa(tylko litery A-z, max 20 znaków)
- kod firmy(składający się z 4 cyfr, możliwość wygenerowania kodu z pomocą buttona "Generuj")
- Profil filmy(select z 3 polami Duży, Średni, Mały)
- Checkbox "Aktywna" w którym możemy określić czy firma jest już aktywna
Pola opcjonalne:
- Miasto
- Kod pocztowy
- Ulica
- Email (jeśli został podany musi posiadać odpowiedni format)
Przy próbie zatwierdzenia danych w formularzu należy sprawdzić czy spełnia wymogi opisane w nawiasach.
Jeśli firma przechodzi walidację trafia do jednej z 2 tabel (jest to uwarunkowane polem "Aktywna").
W tabelce wyświetlane są wszystkie pola firmy.
Istnieje możliwość usunięcia poszczególnej firmy z tabeli.
Dane do wyświetlania w aplikacji są przechowywane w pamięci przeglądarki
## Deploy
https://omtech-firm-list.netlify.app/
## App Screen
