-
-
- Znakovni.hr
-
-
- Hrvatski znakovni jezik - Rječnik i platforma za učenje
-
-
- Frontend is running! ✅
-
+
+
+
+
+ Dobrodošli na Znakovni.hr
+
+
+ Hrvatski znakovni jezik - platforma za učenje i komunikaciju
+
+
+
+
+ {features.map((feature) => (
+
+
+
+
+
+
+
+ {feature.name}
+
+
{feature.description}
+
+
+
+ ))}
+
+
);
}
diff --git a/packages/frontend/src/pages/Login.tsx b/packages/frontend/src/pages/Login.tsx
new file mode 100644
index 0000000..6085f35
--- /dev/null
+++ b/packages/frontend/src/pages/Login.tsx
@@ -0,0 +1,95 @@
+import { useState, FormEvent } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useAuthStore } from '../stores/authStore';
+import { Button } from '../components/ui/button';
+import { Input } from '../components/ui/input';
+import { Label } from '../components/ui/label';
+
+export function Login() {
+ const [email, setEmail] = useState('');
+ const [password, setPassword] = useState('');
+ const { login, error, isLoading, clearError } = useAuthStore();
+ const navigate = useNavigate();
+
+ const handleSubmit = async (e: FormEvent) => {
+ e.preventDefault();
+ clearError();
+
+ try {
+ await login({ email, password });
+ navigate('/');
+ } catch (err) {
+ // Error is handled by the store
+ console.error('Login error:', err);
+ }
+ };
+
+ return (
+
+
+ {/* Logo */}
+
+
Znakovni.hr
+
+ Hrvatski znakovni jezik
+
+
+
+ {/* Login Form */}
+
+
+ {/* Demo Credentials */}
+
+
Demo Credentials:
+
Admin: admin@znakovni.hr / admin123
+
User: demo@znakovni.hr / demo123
+
+
+
+ );
+}
+
diff --git a/packages/frontend/src/stores/authStore.ts b/packages/frontend/src/stores/authStore.ts
new file mode 100644
index 0000000..23cfb89
--- /dev/null
+++ b/packages/frontend/src/stores/authStore.ts
@@ -0,0 +1,85 @@
+import { create } from 'zustand';
+import api from '../lib/api';
+import { User, LoginCredentials } from '../types/user';
+
+interface AuthState {
+ user: User | null;
+ isAuthenticated: boolean;
+ isLoading: boolean;
+ error: string | null;
+
+ // Actions
+ login: (credentials: LoginCredentials) => Promise
;
+ logout: () => Promise;
+ checkAuth: () => Promise;
+ clearError: () => void;
+}
+
+export const useAuthStore = create((set) => ({
+ user: null,
+ isAuthenticated: false,
+ isLoading: true,
+ error: null,
+
+ login: async (credentials: LoginCredentials) => {
+ try {
+ set({ isLoading: true, error: null });
+ const response = await api.post('/api/auth/login', credentials);
+ set({
+ user: response.data.user,
+ isAuthenticated: true,
+ isLoading: false
+ });
+ } catch (error: any) {
+ const errorMessage = error.response?.data?.message || 'Login failed';
+ set({
+ error: errorMessage,
+ isLoading: false,
+ isAuthenticated: false,
+ user: null
+ });
+ throw error;
+ }
+ },
+
+ logout: async () => {
+ try {
+ await api.post('/api/auth/logout');
+ set({ user: null, isAuthenticated: false, error: null });
+ } catch (error: any) {
+ console.error('Logout error:', error);
+ // Clear local state even if API call fails
+ set({ user: null, isAuthenticated: false, error: null });
+ }
+ },
+
+ checkAuth: async () => {
+ try {
+ set({ isLoading: true });
+ const response = await api.get('/api/auth/check');
+
+ if (response.data.authenticated && response.data.user) {
+ set({
+ user: response.data.user,
+ isAuthenticated: true,
+ isLoading: false
+ });
+ } else {
+ set({
+ user: null,
+ isAuthenticated: false,
+ isLoading: false
+ });
+ }
+ } catch (error) {
+ set({
+ user: null,
+ isAuthenticated: false,
+ isLoading: false
+ });
+ }
+ },
+
+ clearError: () => set({ error: null }),
+}));
+
diff --git a/packages/frontend/src/types/user.ts b/packages/frontend/src/types/user.ts
new file mode 100644
index 0000000..642bc2e
--- /dev/null
+++ b/packages/frontend/src/types/user.ts
@@ -0,0 +1,34 @@
+export type UserRole = 'ADMIN' | 'USER';
+
+export interface User {
+ id: string;
+ email: string;
+ displayName: string | null;
+ role: UserRole;
+ isActive: boolean;
+ authProvider: string;
+ createdAt: string;
+ updatedAt: string;
+}
+
+export interface LoginCredentials {
+ email: string;
+ password: string;
+}
+
+export interface CreateUserData {
+ email: string;
+ displayName?: string;
+ password: string;
+ role?: UserRole;
+ isActive?: boolean;
+}
+
+export interface UpdateUserData {
+ email?: string;
+ displayName?: string;
+ password?: string;
+ role?: UserRole;
+ isActive?: boolean;
+}
+
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index 1357759..5f3dd00 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -11,6 +11,7 @@ export default defineConfig({
},
},
server: {
+ host: '192.168.1.238',
port: 5173,
proxy: {
'/api': {