Project improvement ideas - Gil Fink - split to multiple tasks

[asidelnik]

Ideas TODO

• [ ] Header - Videos & Events nav links - #73

  • Add red circles with count of unhandled items.

• [ ] Styling - make it awesome - #74

  • Dark light mode
  • More colors & icons
  • Logo

• [ ] Home page - #75

  • Logo, slogan, explainer image, flowchart of site process
  • Authentication / login
  • 3 last unhandled events/videos
  • Great landing page design

• [ ] Deployment Pipeline - #76

  • GitHub actions - continues delivery - automatic deployment
  • ESLint
  • Unit Testing - automatic testing after commit & push
  • Run tests in Github
  • Allow merging PR

Other ideas

• Notifications API - if video shared.
  • https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
• [ ] Share video/event - navigator.share() video
• [ ] Video - metadata - https://developer.mozilla.org/en-US/docs/Web/API/MediaMetadata
• Document picture in picture - https://developer.mozilla.org/en-US/docs/Web/API/Document_Picture-in-Picture_API
• [ ] Face API - image recognition from single image/frame - https://justadudewhohacks.github.io/face-api.js/docs/index.html
• [ ] View transition - page change smooth transition - https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API/Using
• Component library - MUI - Core or Base.
  • Others: Menteen.DEV, TailWind
• [ ] Replace React Form Hook with TanStack Form - https://tanstack.com/form/latest
  • Another form hook (very complex) - RjSF (JSON Schema form)
  • JSON Schema - https://github.com/rjsf-team/react-jsonschema-form

[asidelnik]

Closing issue after I created 4 issues to develop. Maybe will use the proposed APIs in a future feature.