Cel: Stworzenie prostego interfejsu użytkownika do zarządzania listą zadań (to-do) z wykorzystaniem React, SCSS, Redux oraz kreatywnego myślenia w kontekście UX/UI.
-
Stworzenie nowego projektu z wykorzystaniem Create React App.
-
Interfejs:
- Strona główna powinna zawierać listę zadań oraz pole do dodawania nowych zadań.
- Każde zadanie powinno zawierać tekst oraz przycisk do jego usunięcia.
- Powinna być możliwość oznaczenia zadania jako "zrobione", co powoduje przesunięcie go na dół listy i zmianę jego wyglądu (np. przekreślenie).
- Wykorzystaj SCSS (css modules) do stworzenia stylów strony. Zachęcamy do kreatywnego podejścia i stworzenia atrakcyjnego, intuicyjnego interfejsu.
-
Stan aplikacji:
- Użyj Redux do zarządzania stanem aplikacji. Stan powinien zawierać listę zadań oraz informacje o tym, czy dane zadanie zostało wykonane.
-
Dodatkowe punkty za:
- Responsywność – aplikacja powinna wyglądać dobrze zarówno na komputerach, jak i urządzeniach mobilnych.
- Stworzenie prostego testu jednostkowego do jednego z komponentów.
- Optymalizacja wydajności oraz dbanie o czystość kodu.
- Utwórz fork repozytorium udostępnionego przez nas na GitHub pod tym linkiem.
- Po zakończeniu zadania, wyślij link do Twojego forka na adres: info@avalio.io.
- Upewnij się, że zawarłeś/aś wszystkie niezbędne instrukcje w README, abyśmy mogli uruchomić Twoją aplikację lokalnie (możesz nadpisać ten plik).
Przy ocenie będziemy zwracać uwagę na:
- Jakość kodu (czystość, struktura).
- Wykorzystanie technologii (React, Redux, SCSS).
- Kreatywność w kontekście UX/UI.
- Responsywność oraz ogólną funkcjonalność aplikacji.
Powodzenia!