Nowoczesna aplikacja do zarządzania zadaniami zbudowana w React z TypeScript, wykorzystująca Supabase jako backend.

• Rejestracja i logowanie użytkowników
• System ról (użytkownik/administrator)
• Zarządzanie profilami użytkowników
• Kontrola dostępu oparta na rolach

• Tworzenie, edycja i usuwanie zadań
• System priorytetów (Niski, Średni, Wysoki, Pilny)
• Statusy zadań (Nie rozpoczęto, W trakcie, Testowanie, Aktualizacja, Zakończenie)
• Daty rozpoczęcia i zakończenia
• Kontrola dostępu - użytkownicy widzą tylko swoje zadania

• Responsywny design z Tailwind CSS
• Tabele z sortowaniem i paginacją
• Formularze modalne dla edycji
• Ciemny motyw nawigacji
• Intuicyjna nawigacja między sekcjami

• Frontend: React 19, TypeScript, Vite
• Stylizacja: Tailwind CSS
• Stan aplikacji: Zustand
• Backend: Supabase (PostgreSQL + Auth + Edge Functions)
• Tabele: TanStack Table v8
• Narzędzia: ESLint, PostCSS, Autoprefixer
• Testowanie: Vitest, @testing-library/react, jsdom

• Node.js (wersja 18+)
• npm lub yarn
• Konto Supabase

git clone <repository-url>
cd taskmanager

npm install

1. Przejdź do Supabase Dashboard
2. Utwórz nowy projekt
3. Zanotuj SUPABASE_URL i SUPABASE_ANON_KEY

Uruchom SQL z plików migracyjnych w Supabase SQL Editor:

• supabase/migrations/001_create_users_table.sql
• supabase/migrations/002_create_tasks_table.sql

W ustawieniach Supabase:

1. Settings → Authentication → Email Auth
2. Wyłącz opcję "Confirm email"

# Zainstaluj Supabase CLI
npm install -g supabase

# Zaloguj się
supabase login

# Połącz z projektem
supabase link --project-ref YOUR_PROJECT_REF

# Wdróż funkcje
supabase functions deploy add-user
supabase functions deploy delete-user
supabase functions deploy add-task
supabase functions deploy delete-task

Utwórz plik .env.local w katalogu głównym projektu:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

npm run dev

Aplikacja będzie dostępna na http://localhost:5173

taskmanager/
├── src/
│   ├── components/
│   │   ├── layout/          # Komponenty layoutu
│   │   ├── tasks/           # Komponenty zadań
│   │   ├── users/           # Komponenty użytkowników
│   │   ├── Login.tsx        # Logowanie
│   │   ├── Register.tsx     # Rejestracja
│   │   └── ...
│   ├── context/             # React Context
│   ├── lib/                 # Biblioteki pomocnicze
│   ├── store/               # Zustand stores
│   ├── test/                # Konfiguracja testów
│   ├── types/               # TypeScript typy
│   └── ...
├── supabase/
│   ├── functions/           # Edge Functions
│   └── migrations/          # Migracje bazy danych
└── ...

• Row Level Security (RLS) aktywne na wszystkich tabelach
• Autoryzacja JWT przez Supabase Auth
• Service Role Key używany tylko w Edge Functions
• Walidacja danych po stronie klienta i serwera

npm run test          # Uruchom testy w trybie watch
npm run test:run      # Uruchom testy jednorazowo
npm run test:ui       # Uruchom testy z interfejsem graficznym

• Komponenty layoutu: Footer, Content
• Komponenty logowania i rejestracji: Login, Register
• Komponenty zadań: Settings (zakładki, przełączanie)
• Komponenty użytkowników: Settings (zakładki, przełączanie)
• Komponenty pomocy i kontaktu: Help, Contact

npm run lint

npm run build
npm run preview

Ten projekt jest licencjonowany na podstawie licencji MIT - zobacz plik LICENSE dla szczegółów.

Maxsoft - biuro@maxsoft.pl

• Supabase za doskonały backend-as-a-service
• TanStack Table za potężną bibliotekę tabel
• Tailwind CSS za utility-first CSS framework