1. README
  2. End User Guide
  3. 1. End-User Guide
    ❱
    1. 1.1. Hamburger Menu
    2. 1.2. Sun and Moon Icons
    3. 1.3. Login and Logout
    4. 1.4. Register as a New User
    5. 1.5. YaMa chat page
    6. 1.6. Friends
    7. 1.7. Channel Settings page
    8. 1.8. User Settings page
    9. 1.9. Forgot Password
    10. 1.10. About Us
  4. Technical Environment
  5. 2. Technical Environment
  6. Installation Guide
  7. 3. Svelte Guide
  8. 4. Vercel Guide
  9. 5. Playwright Guide
  10. 6. MongoDB Guide
  11. 7. AWS SAM Guide
  12. 8. Node.js Packages
  13. 9. mdBook Guide
  14. Continuous Integration / Continuous Development
  15. 10. GitHub Actions
  16. Architecture and Diagrams
  17. 11. Overall Architecture
  18. 12. System Architecture
  19. 13. Database Architecture
  20. 14. Sequence Diagrams
  21. 15. Use Case Diagram
  22. 16. Activity Diagrams
  23. Functional and Non-functional Specifications
  24. 17. Functionalities / Features
  25. 18. Non-functional Specifications
  26. User Stories
  27. 19. User Stories
  28. Testing Procedures and Results
  29. 20. Testing Documentation
    ❱
    1. 20.1. Non-technical Tests
    2. 20.2. Technical Tests
  30. Data Management Information
  31. 21. Information on Data Management
  32. 22. Implementation Instructions
  33. Mockups and Demo
  34. 23. Project Mockups
  35. UI Performance Report
  36. 24. UI Performance Report
  37. OWASP Security Threads/Vulnerabilities Report
  38. 25. OWASP Security Threads/Vulnerabilities Report
  39. Issues & Risks
  40. 26. Issue Register
  41. 27. Risk Register
  42. Appendix
  43. 28. Appendix
  44. Release
  45. 29. Versions
  46. 30. Final Release
  47. Contributors
  48. References
  49. Privacy Policy

YaMa: Yet Another Messaging App

Project Mockups - Figma Designs

Wireframes

Friends

Friends

Friend request

Friend Request

Sign in

Sign In

Register

Register

High Fidelity - Light

Sign in light mode

Sign In Light Mode

Register light mode

Register Light Mode

Main screen light mode

Main Light Mode

Settings screen light mode

Settings Screen Light Mode

High Fidelity - Dark

Sign in dark mode

Sign In Dark Mode

Register dark mode

Register Dark Mode

Main screen dark mode

Main Dark Mode

About screen dark mode

About Screen Dark Mode

Settings screen dark mode

Settings Screen Dark Mode

Settings Screen Dark Mode

Settings Screen Dark Mode

Settings Screen Dark Mode

Groups screen dark mode

Groups Main Channel Dark Mode

Groups Sub Channel Dark Mode

Groups Settings Dark Mode

Groups Create Channel Dark Mode

Groups Manage Channel Dark Mode

Groups Invite Channel Dark Mode