world-konkani-centre / sushiksha-website Goto Github PK

G+ is not so intuitive, replace it with a proper email icon.

The top nav bar remains fixed through out:

So, every time a search or page navigation happens, you don't have to load the navbar again. You can keep the navbar fixed and provide the circular progress loader only for the below section of the web page. This way, you can optimise and reduce loading time.

Update the Twitter ID to https://twitter.com/Sushiksha3

It is desirable to have reaction buttons to the blogs.

There can be a email trigger whenever a badge has been assigned by one user to other user. The details of the once who award and the recipient can be captured and a nice email can be sent to notify both the people.

It is desirable to have Team Identifier in the individual profiles of members. We can know which team the member belongs to.

Clicking on the skype icon is opening mailbox in laptop. I am assuming it's supposed to be a mail icon.

When a person 'a' gives a badge to person 'b', we write a message description. Let's make it visible to others as to why the badge was given and by whom.

There is no field to input whether an individual is a Mentee or a Mentor.
Note: Only Gurudath sir and Venkatesh Prabhu's profile says Mentor, the rest of the mentors has Mentee in their individual profiles.

Reduce the font size of the number.

Currently mentees use multiple claim form for Badges towards 1:1 with Mentor, Donuts, Book Reading, Blogger etc. It would be great to have a Badge Claim form within Website, which can be used by mentees to claim the badge they deserve. On the admin side, the "Decision" provision kept already to approve the badge and reward it to the mentee who claimed it.

Just looking at username isn't intuitive. For example my username is dutyspace. I can see only username and email id with batch.

You can have a custom scroll bar by using webkit scroll bar properties.
Look at this link for reference
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_scrollbar2

Whenever a person clicks on any of the team logos in the leaderboard page, it redirects the person to his/her profile page.

• In Members page, you can have 2 tabs named - Mentees and Mentors and display profiles accordingly based on role.
  The main idea is to have easier segregation/filtering of profiles.
• Display profiles in the alphabetically sorted manner in each tab.

Currently, to give a badge we have to visit a member profile. There should be a separate menu option on all the pages, preferably under a drop down(profile?) from which any user can select any username and give any badge.

This requires some work but it has to be done sooner or later.

If the user has not updated his name then we can display username in place of the name

Why was this issue opened?

The Edit Profile button is not clear on first sight

How to reproduce?

It would be better if we had email and username login.

Why was this issue opened?

Nit: Should be OKR and not Okr

How to reproduce?

Change the Twitter user in the footer from Sushiksha3 to Sushikshawkc

For example: https://sushiksha.konkanischolarship.com/blog/post/14 should be something like https://sushiksha.konkanischolarship.com/blog/post/Sushiksha+Coding+League

The Thumbnail images of the blog are taking too much time to load.

Please change the Blog section name on the menu as well as header as BLOGS

There are certain badges which can be only given by mentor, dont show the list to the user with mentees role.

Hello everyone 🖖

I was checking GitHub for labels under good first issue but I also want to help sharing some website optimizations tips.

Image Resize

This image: https://sushiksha.konkanischolarship.com/media/blog-post-thumbnail/SCL_Wall_Paper_Wide.jpg has a whooping 3.3 MB size. It's enormous. Even with a 4K monitor, it's big. I used Cloudinary with JPEG Mini to compress and resize the photo and it's down to 228 KB 😄

I also resized this one: https://sushiksha.konkanischolarship.com/media/blog-post-thumbnail/Sushiksha_Logo.jpg, from 817 KB to 218 KB.

A LOT of icon font

So you are using three icon fonts:

…icofont/icofont.min.css(sushiksha.konkanischolarship.com) | 25.3 KiB | 270 ms
…css/boxicons.min.css(sushiksha.konkanischolarship.com) | 22.3 KiB | 270 ms
…remixicon/remixicon.css(sushiksha.konkanischolarship.com) | 14.6 KiB | 230 ms

My suggestion is to stick with one.

Font Optimization

I suggest you put your font loading on "swap". You can check out more about this property on MDN.

Lighthouse Report

I generated a PDF with Lighthouse recommendations. 😄

lighthouse-big-report.pdf

Kindly allow space before and after :

Update the tagline to "An interactive platform for students with a Growth Mindset."

https://user-images.githubusercontent.com/56125734/98500011-45a4a900-2271-11eb-98c7-0c3857437c95.jpg
highlight of the input field on click can be removed by using css property "outline:none;". And the border size can be increased by 1 or 2 pixels

I want to contribute to this project so could you make the README.md more understandable.

Periodic reports about team members' performance in Slack to the team leads.

Logged first pomodoro with Energy 5, Productivity 5 and saved it. When checked it in the entry, it was 2.5 for both. Logged another pomodoro with same input, now it showed 3.75 for both Energy and Productivity.

• 170 Mentee should be 170 Mentees

• 20 Mentor should be 20 Mentors

• 'An a interactive platform....' should simply be 'An interactive platform.....'. Also, G & M should not be capitals in the 'Growth Mindset' at the end of the sentence.

Why was this issue opened?

Let us make sure messages on the website related to badges get posted on Slack!

In the members section of the site, viewing a profile and getting out pushes you right down by almost 8-9 rows

eg: I view Praneeth's profile and go back, it should technically leave me at the first row. But it will push me right down to Shreeram's profile row which is unneeded.

The first batch was 2010 batch and list if batches under "Edit your profile" only gives starting 2011

The Image of the badge awarded is very large. Also, the fonts after that are also huge.

It is important to have Team Level Badges so as to award certain points to Teams on winning team competitions. Team Level Badges can display below the Individual Team Leaderboard.

Desirable, instead of Go to Profile, Go to Leaderboard is better to generate more traffic to the Leaderboard.

Do not display any personal information in the website page. Email ids will be misused by internet a lot.

Steps to recreate:

• Login to the website
• Logout from the website
• Scroll down, you will see that there is no data below Latest Update and Testimonials as shown in image below.

when we select the house from the leaderboard, the details of the first house is not visible.
To recreate
->select leaderboard from navigation -> select any house -> first house details are visible

Refer screenshots.

Random issue, will add more details of reproducing this if I find.

Description.
In the pagination, the user could only see the current page number and can go to 1 next and back, It would be better if it is possible to switch between more than 1. Let's say I'm on page 4 and I want to go to page 1, I have to press back button 4 times.

Possible solution
Adding a first and last page numbers, and skip by more than one pages.

Top "Give a badge to XX" section:

1. "Describe why you are giving the badge": Change "your" to "you".
2. Badge dropdown: Don't say Badge for each entry. The title of the dropdown says it's a badge and hence is redundant if you say badge for every entry. I think the dropdown should also say how many points each badge cost. And finally, I would not capslock the badge names.
   Tl;dr : I propose "Angel (1 pt)" for what the current "Badge: ANGEL" should look like

Badge listing (the one with icons)
3. Usually when you say * (for Angel and Rockstar) the immediate response is to see at the bottom of the page (in this case bottom of listing) to see what the * means. I understand it is described in the Red pod on the left, but I think we should have a small "* Mentors only" in the bottom of the listing.
4. Lets be consistent about using fullstops or not after the badge description. I think we shouldn't have fullstops since its more of a caption and not full sentence.
5. "BRAIN WAVE: To that buddy who brainstormed my problem with me": Re-writing it a bit.
6. "EXTRA MILE: To the person who went out of their way to help me": Change "the" to "their".
7. Perhaps change the caption of Gracias to be consistent with other captions: "To the person whom I owe a lot" (its okay to have same caption for both Gracias and Gracias by mentors.
8. "PICTURE PERFECT: To the person who has a beautiful profile picture": again to be consistent.
9. ROCKSTAR *: ROCKSTAR OF SUSHIKSHA: I think making this as exception is fine. However remove "the" before "Sushiksha"
10: "SWISS KNIFE: To that multi-tasker who has solutions for everything": "Multi Tasker" changed to "multi-tasker", "got" to "has", "solution" to "solutions"

Red pod on the left:
11. "Why give a badge?": De-capitalize both Give and Badge
12. "Rules for giving a badge": Instead of "badges" say "a badge"
13. "You cannot give a badge to yourself': Change "for" to "to"
14. "Give a badge only when you feel the person deserves it.": Change "badges" to "a badge".
15. "A badge with '*' can be given only by the mentors. (rewrote the sentence a bit).

i.e. If I sort by badge count then the user name gets sorted. If I try to sort by points, it sorts by badge count.