Dzień dobry.
Potrzebuję stworzyć kilka stron z gotowego szablonu na reactjs. Gotowy szablon został zakupiony na themeforest, kto wykaże duże zainteresowanie i będzie odpowiednim kandydatem do wykonania pracy, temu udostępnię link do szablonu (jest płatny, nie rozpowszechniam płatnych materiałów, dlatego nie publikuję go tutaj).
Oto link do themeforest - https://themeforest.net/item/tailwise-react-typecript-admin-dashboard-template/51856970?s_rank=1
Co należy stworzyć (wszystko, co widzicie w figma):
1. Stronę główną z blokiem formularza (jak w figma)
2. Tabelę z formularzami oraz przyciskami edytuj, dodaj i usuń. No i wyszukiwanie po nazwie.
3. Stronę dodawania/edycji formularza
Link do figma - https://www.figma.com/design/chkL3HRkIEsWM26oSC3g3g/Form-generator?node-id=6357-41096&t=jOiuwcVF8HBx0WVQ-0
Wyjaśnienie:
Strona Menu - to duże kwadratowe przyciski-linki do stron:
Formularze do wypełnienia
________________________________________________________________
Po kliknięciu na Formularze do wypełnienia - Wyświetlamy listę formularzy w formie tabeli
Kolumny tabeli: Nazwa, name (unikalna nazwa formularza), przyciski akcji (edytuj, usuń)
Formularze pobieramy i zapisujemy przez proste api. API ma 2 metody:
1. Pobierz json wszystkich formularzy (są tam wszystkie potrzebne pola i dane)
2. Zapisz json wszystkich formularzy (jeśli coś dodajemy lub edytujemy, to potem dodajemy do ogólnego json i wysyłamy na serwer)
Po kliknięciu na edytuj formularz, lub na przycisk dodaj formularz:
Otwieramy inną stronę, na której odbywa się dodawanie / edytowanie formularza
________________________________________________________________
Wyjaśnienie:
Bloki formularza - to typy <div class="col-md-6"></div> w bootstrapie. Tzn. to kolumny, w których będą dodawane dodane pola.
Bloków formularza można dodawać ile chcesz.
Wewnątrz bloku formularza można dodawać ile chcesz pól. Każde pole ma swój typ (opisany poniżej). Przy wyborze typu pola dodajemy potrzebne inputy, jak pokazano w figma.
Pola:
1. Pole tekstowe
2. TextArea
3. Edytor tekstu
4. Select
5. Obrazek
6. Wielokrotne dodawanie obrazków
Walidatory:
-pole obowiązkowe
-liczba
-tekst
-obrazek
--rozszerzenie
--rozmiar
--rozdzielczość obrazka
Na podstawie szablonu z themeforest, należy usunąć wszystko zbędne, zostawić to, co jest używane, aby nie był taki ogromny pakiet.
Oczekuję od Was rozsądnych terminów (proszę nie niepokoić pośredników), kosztów, doświadczenia