DEV Community

Kien Nguyen Chi
Kien Nguyen Chi

Posted on

Improve Usability to new IPC144 Website

Introduction

This week, I contributed to one of projects operated by my school Seneca College. It is an open source project - built in contents of IPC144 (Introduction To C Programming) course. You can take a look at the GitHub Repo and the website.

At first impression, the new website is more good-looking and user-friendly than the old website. Taking a closer look at the new website. I found out that I can add an additional feature to maintain the usability of the users (students).

Issue

  • The page footer is kind of blank right now with a link to Table of Contents only.
  • I want to add the hyperlink of Weekly Schedule to the page footer, so that when students scroll down to the end of the page. They can click on either Table of Contents or Weekly Schedule, which both pages contain important information.
  • I want to remove the hyperlink of Weekly Schedule in Contents page because we would have the hyperlinks of Weekly Schedule in both left navigation bar and footer.
  • Take a look at my filing issue.

Process

  • In order to add additional hyperlink to the footer, I add Weekly Schedule label and its location to in docusaurus.config.js file.
{
   label: 'Weekly Schedule',
   to: '/weeklyContents',
},
Enter fullscreen mode Exit fullscreen mode
  • Here is the result:
  • In order to remove the hyperlink from Table of Contents page. I removed the line in docs/intro.md:
[Weekly Schedule](weeklyContents.md)
Enter fullscreen mode Exit fullscreen mode

Conclusion

Overall, my pull request is easy to solve. But it is so amazing to me to be a part of my college's project, that I can actually find an improvement to work on something for future students and people see it as a convenient way for students to use the website. After all, I'm so happy that my Pull Request is merged successfully to the college project.

Top comments (0)