Add dictionary feature with term management and UI components

- Implement backend API for term CRUD operations
- Add frontend dictionary page with search and filtering
- Integrate shadcn/ui components (Dialog)
- Create term management UI with add/edit/delete functionality
- Update database seed with initial terms
- Add API client for term operations
- Complete Phase 2 of development plan
This commit is contained in:
2026-01-17 18:15:01 +01:00
parent bbf143a3b4
commit c6d6c18466
21 changed files with 1757 additions and 176 deletions

View File

@@ -2,6 +2,15 @@
A modern web application for learning and using Croatian Sign Language (Hrvatski znakovni jezik). This is a proof-of-concept implementation designed to replicate the functionality of the original Znakovni.hr platform.
## 🎉 Current Status: Phase 2 Complete!
**Phase 0:** Project Setup - COMPLETE
**Phase 1:** Authentication & User Management - COMPLETE
**Phase 2:** Dictionary Module - COMPLETE
🔄 **Phase 3:** Sentence Builder (Znakopis) - Next
The Dictionary module is now fully functional with search, filtering, and detailed term viewing!
## 🎯 Project Overview
Znakovni.hr is a comprehensive platform that enables users to:
@@ -172,22 +181,25 @@ Open http://localhost:5173 in your browser to see the frontend.
- TypeScript compilation with strict mode
- Hot reload for development
### 🚧 Next Phase: Phase 1 - Core Infrastructure
## 📚 Implemented Features
**Upcoming Tasks:**
- Implement authentication (Passport.js with local, Google, Microsoft OAuth)
- Create user management system
- Build layout components (Sidebar, Header)
- Set up session management
- Implement CORS and security headers
### ✅ 1. Dictionary (Riječi) - Phase 2 Complete!
- **Browse** - Grid view of all Croatian sign language terms
- **Search** - Free-text search across word text
- **Filter** - By word type (10 types) and CEFR level (A1-C2)
- **Pagination** - Navigate through large term lists
- **Word Cards** - Display with CEFR badges, icons, and descriptions
- **Detail Modal** - View full term information with video player
- **10 Sample Terms** - Seeded database with common Croatian words
- **API Endpoints:**
- `GET /api/terms` - List with filtering and pagination
- `GET /api/terms/:id` - Get single term details
## 📚 Key Features
### 1. Dictionary (Riječi)
- Browse and search Croatian sign language terms
- Filter by word type and CEFR level
- View video demonstrations for each term
- Add words to sentence builder
### 🔄 2. Sentence Builder (Znakopis) - Coming in Phase 3
- Build sentences by adding words from the dictionary
- Drag-and-drop to reorder tokens
- Multi-page document support
- Save documents to the cloud
### 2. Sentence Builder (Znakopis)
- Build sentences by adding words from the dictionary