nachbaisabel/frontend_projekt
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Update README for chat and accessibility

Browse Source
This commit is contained in:
Thuvaraka Yogarajah 2026-06-14 12:08:32 +02:00
parent 10592b76c7
commit a3bfcb5347
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -14,9 +14,11 @@ This project is built with HTML, CSS and JavaScript.
- ⭐ Write reviews with star ratings and comments - ⭐ Write reviews with star ratings and comments
- ❤️ Like and save prompts - ❤️ Like and save prompts
- 👥 Follow and discover other creators - 👥 Follow and discover other creators
- 💬 Start chats with creators from the community page and send local messages
- 👤 Edit user profiles with display name, username, bio and profile picture - 👤 Edit user profiles with display name, username, bio and profile picture
- 🌐 View own and public creator profiles - 🌐 View own and public creator profiles
- 📱 Responsive layout for desktop and mobile, including a bottom icon navigation on smartphones - 📱 Responsive layout for desktop and mobile, including a bottom icon navigation on smartphones
- ♿ Accessibility improvements such as keyboard focus states, skip links, labels, ARIA states and live status messages
- 🔄 Server communication through a REST API - 🔄 Server communication through a REST API
- 💾 Shared data persistence with backend and database - 💾 Shared data persistence with backend and database
@ -35,6 +37,13 @@ DB_NAME=onlyprompt
DB_PASSWORD=onlyprompt DB_PASSWORD=onlyprompt
``` ```
## Local Usage Notes
- The community page includes a chat button on creator cards. It opens the chat page and starts a conversation with the selected creator.
- The chats page supports selecting conversations, searching creators through the new-chat button and sending messages.
- Chat messages are stored in the browser's `localStorage` for the local frontend demo. They are not persisted in PostgreSQL yet.
- Keyboard users can use `Tab`, `Shift + Tab`, `Enter` and `Space` to navigate links, buttons, filters, tabs and forms.
- On macOS, full keyboard navigation may need to be enabled in System Settings or the browser settings so that `Tab` also focuses links.
## Technologies, Libraries, Frameworks ## Technologies, Libraries, Frameworks
- HTML5 for page structure - HTML5 for page structure
- CSS3 with Flexbox/Grid for layout and responsive design - CSS3 with Flexbox/Grid for layout and responsive design
@ -56,6 +65,7 @@ The project uses authentication with a JWT cookie so that protected pages and AP
Known limitations: Known limitations:
- Subscription access is simulated for the semester project and is not connected to a real payment provider. - Subscription access is simulated for the semester project and is not connected to a real payment provider.
- Chat messages are currently stored locally in the browser and are not connected to a backend chat API.
- User-generated content is displayed in the frontend, so XSS prevention is important. The project avoids intentionally executing user input as code, but further output sanitization would be needed for production. - User-generated content is displayed in the frontend, so XSS prevention is important. The project avoids intentionally executing user input as code, but further output sanitization would be needed for production.
- Authentication is implemented for local project use and would need additional hardening for production. - Authentication is implemented for local project use and would need additional hardening for production.