search

MUM-Open-Source / eureka-web-app

A responsive web app built on Vue 3 and Firebase that aims to connect members of the MUMTEC academic community with each other and opportunities within the community.
https://eureka-monash.com/
MIT License
9 stars 29 forks source link

Replace all the icons with Font Awesome Icons #38

Open NitinMa2 opened 3 years ago

NitinMa2 commented 3 years ago

(This task can have multiple contributors)

There are many icons used on the platform in the side navigation, top navigation, user menu, event card, profile card, etc. These are currently stored locally in the project folder under src/assets. Let's replace them all with Font Awesome Icons.

Refer to https://github.com/FortAwesome/vue-fontawesome/blob/2.x/README.md for documentation. Note that the relevant setup and installations have already been done. You would just need to replace the icons with the relevant line of code.

Steps to accomplish the task:

  1. If you haven't done already, create a new branch that you'll make your changes on.
  2. Go through src/assets/ and find where each icon is being used. This can be done through a global search (Ctrl+Shift+F on VSCode).
  3. Find a replacement from Font Awesome Icons and replace the line of code after importing the icon in src/main.ts.
  4. Follow the steps to submit your PR.
samwzlim commented 3 years ago

Hi, I'm new to this, can you please assign me this issue? :)

NitinMa2 commented 3 years ago

@samwzlim sure! Ask your pair to comment here as well please. I'll assign you both