To reproduce:

1. Go to https://psutarchive.com/courses/11212?res=200
2. Reduce screen width to less than 400px

Currently, if I sort the courses page, then open a course, then press the back button, I will return to the original unsorted courses page.
It would be nice to go back to the sorted page (ie., This would make the website work like a consistent Single-Page-Applicaiton).

Text-based files such as .cpp, .txt, and others are returned as plain text and not a file buffer in the request made here, which causes this error:
res.arrayBuffer is not a function.

The base list component that is going to be used for all lists in the app like Courses, Categories, and Material (exams / notes).
This component should be dynamic and customizable for each use case as the following criteria:

• ability to choose between flex view, grid view, or auto
• optional header title
• optional header link
• list loading animation
• #12
• #10
• #11
• #5
• pagination or infinity scrolling with lazy loading
• default values for everything

Session State

• sorting / search state
• pagination state
• tabs state in resources page
• current course category when switching languages

Browser State

• User's preferred theme
• User's preferred language
• User's favorite lists

For users who wants to contribute to this project, it's more convenient to have docker-compose ready for testing the project locally without installing, or modifying anything on the host system.

• Add back button across the app (this would help users when the website is in PWA mode)
• Add tabs navigation in courses page to choose between categories with an 'All' option, it should update accordingly if the user has chosen a category from the homepage.
• Add carousel navigation for favorite courses on the homepage
• #25
• #26
• Add a drop-down menu in Navigation bar to choose course category
• Resource count in single course page
• Sort list of files in the all files dialog by name
• Add indicator for the number of courses in the current list
• Add a search bar to the nav bar
• Add a new badge to new resources

Read this: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes

Possible solutions

• https://stackoverflow.com/questions/53548182/can-i-set-the-filename-of-a-pdf-object-displayed-in-chrome
• https://stackoverflow.com/questions/44061354/set-the-default-save-as-name-for-a-an-embed-or-iframe-that-uses-a-blob?noredirect=1&lq=1
• https://stackoverflow.com/questions/50573429/url-createobjecturlblob-how-do-i-give-a-meaningful-filename-to-a-dynamicall

Add English and Arabic fonts with light, extra-light, medium, bold, and semi-bold variants

Pagination logic is buggy when it comes to which pages to show and which to hide. Sometimes it shows the ... when it's not needed, and sometimes it doesn't show the last page in the pagination.

Design Requirements

• List of available material of chosen course

• Card

  • Download resource
  • File(s) size
  • Resource-specific info
  • Share button

• Search

• #10

• Sort

• Tabs to choose between Exams and Notes resource types

• Pagination

• Display course information / actions in the header:

  • Course ID
  • Add to Favorites button
  • Remove 'resources' string from the page heading
  • [ Future ] 'Submit new papers for this course' button

• #62

• #17 when no papers were found

Courses should appear if they have recorded lectures when filtering by 'only courses with resources'.

• Remove reference, lecture, and review from note types
• Replace practice with assignments
• Add project to note types

The state of pagination active page is still being applied after filtering courses with a less-pages result, which causes an empty API response.

Steps to reproduce: Go to https://psutarchive.com/#main

Since many courses will not have past papers in the beginning, courses in the courses list should be sorted by the resource (past papers) count by default.

• Sorting courses by resources count should be the default option
• Sorting courses by resources count should be applied on all the courses, not just the current page

Since this specific sort happens on the client side and not strapi's side, find another way to sort without requesting the full list of all courses. The solutions I have in mind:

• set up a custom api controller for the advanced sorting (& filtering) options that we need.

• use strapi filter's to request the courses with resources first using the following filter query:

  resources: {
      updatedAt: {
          $null: false
       }
  },

  and show them first in the list, then request other courses.

• check again if there's a way or workaround to use strapi's sort query to achieve this

NOTE: The skeleton for normal course card already exists, we just need to style it for list view.

Pages should have a dynamic title and description that describes what the page contains in both languages.

When you go to a course page and search for resources, the number over the tabs (Exams and Notes tabs) becomes wrong.

To reproduce:

1. Go to https://psutarchive.com/
2. Click TAB on the keyboard. 'Skip to content' button should show up, but it doesn't.

Note: on https://demo.psutarchive.com, the button shows up only when the DeployInfo banner is shown.

Currently, it only shows the first categories, and the rest are clipped. It should have more width.

Use them along with Vue's suspense instead of normal loading for List components.

Description

There is a brief moment when switching between the "Exams" and "Notes" tabs, where a resource card appears out of place.

Steps to reproduce:

• Open a course page with resources
• Switch from the "Exams" tab to "Notes".

The gif shows a user switching between the "Exams" and "Notes" tabs in slow motion

Basic SEO improvements

• title, description, favicon, and page lang
  • multilingual title and description
  • meta keywords (not very important)
  • title and description for each page
  • dynamic title and description

More Improvements

• OG Tags (for social sharing)
  • OG Image
  • OG Title
  • OG Description
• Sitemmap
  • https://stackoverflow.com/a/1099421/13015287

Somewhere on the home screen (under the search bar?).

User's favorites are stored in the local storage.