ngmorocco/ngx-darija

Official Angular in Darija landing page containing all video sessions.

ngx-darija's Issues

Reloading video session details page broken

After going to https://ngx-darija.netlify.app/sessions/rT0FUs7uUks then reloading the page, the video from youtube is not fetched because of the lowerCase.

Maybe the .json mapping file was not published after the latest changes.

I will check what's going on when I have time just opening this issue so I don't forget

Fix video thumbnail size

It looks like the video thumbnail image aspect ratio is not the same as the original one.

The navBar & hero section

this issue just to let everyone know that I'm working on the navbar styling & the hero section

Setup Github Actions

Steps:

• lint
• test

If all good, netlify will handle build and deployment

RFC - Brainstorming on the first version features 🧠

Description:

We need to think about the first version features and the upcoming once, so we can plan/structure our app.
And this issue is a thread/buffer of our discussion. You can comment/suggest, we would love to hear from you!

Application description :

A web application that contains all angular in darija video sessions with an admin part to add descriptions & video notes.
check project on discord

Main features :

• List all angular in darija streaming sessions.
• As a visitor, I can read the description of each video session.
• As a visitor, I can search through videos by title.
• As an admin, I can add a description to a video session.
• Auth for Admins.

Features we may add in the future:

• A public area where we can add all angular Arabic resources (could be videos, blogs, code snippets...)
• A private area where the visitor can follow a path already defined by admins (like a path to master Angular with step by step resources to follow and a progress tracking feature)
• We can add SSG tool like scully for SEO.
  By adding Scully we may remove the admin part and replace it with PR workflow (creating a PR that adds blogs/videos.. as MD files then rebuild and deploy the new version of ngx-darija)

add Commitizen to the project

I suggest we setup Commitizen for more structured commit messages across the project

chore: add all contributors

Add all contributors to recognize the Contributors: https://github.com/all-contributors/all-contributors

Migrate from TSLint to ESLint

TSLint is deprecated, we should use ESLint.

RFC - Design and Content

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?

chore: update to Angular 15

• Follow instructions from https://update.angular.io
• Make sure @ngx-env/builder still works as expected, let me know if it does not 😅

Improve Page SEO

Apply SEO recommandations provided by Lighthouse to have a better score

Link to Youtube Video

When we click on the Video image or title, we should redirect the User to the video on YT.

Ideally we would like to open the video in a Video Player but that will come later I guess.

Fetching data from Youtube

We need to know how to fetch Angular in Darija videos from Youtube (check the Youtube API)

Create app routing and lazy load home module

I will be working on this, I opened a pull request as draft #23

We need to Allow Embedding Angular in Darija videos in Youtube settings !!

I discover that Embedding Angular in Darija videos is disabled !!

When I embed the video:

after I click play, I get this error:

Solution:

We need to Turn on "allow embedding" in youtube video settings.
I don't know if there is an option to Turn on "allow embedding" on videos by default.

so this task if for video channel owner, @chihab 😉

Home page sessions UI proposition

This is just a UI/design proposition for the main sessions displayed on the home page.

We can do like this https://angular-university.io/my-courses with the cards and the shadow hover effect (with ngx-darija colors of course)

If this is approved I can work on it