ngx-darija icon indicating copy to clipboard operation
ngx-darija copied to clipboard

RFC - Design and Content

Open chihab opened this issue 4 years ago • 3 comments

Design and Content

  • Status: draft
  • Type: enhancement
  • Related components: design, ui, ux

Description

It would be better if we could have a design spec to follow (figma, invision). Below is a proposition of a list of features we could have.

UI

  • Have a sticky navbar with the logo, search input (have a search story), dark mode button (story), github link to contribute
  • Have a footer with the tech stack (angular, universal, netlify), the build number, Copyright and (social logos
  • Use Jost font (as in https://gridsome.org)

Content

Pages

Source of the pages could be Markdown files on the repository

  • Landing Page
    • Banner
    • List of contributors
    • Random Reviews
  • Playlist
  • Session
  • About
  • Architecture: Explain the architecture of the application
  • Blog?
  • Arabic version

Playlist

  • We should have better descriptions on Youtube videos
  • We should have a conventional format for timeframes on descriptions, something like
    • 00:00 - Introduction on Youtube that would be a link to the timeframe, on our site that would be a route that loads the video on that timeframe

Any other thoughts?

chihab avatar Mar 20 '21 22:03 chihab

Home Page Dark Home Page

DoraymonIT avatar Jul 15 '21 16:07 DoraymonIT

just a simple demo ( first try ), I am working on it using your tips. Hope I receive some feedback to improve this UI and get it ready to dev . Thanks.

DoraymonIT avatar Jul 15 '21 16:07 DoraymonIT

Wow! This is beautiful @DoraymonIT!

chihab avatar Jul 20 '21 07:07 chihab