coding-blocks/amoeba-frontpages

Nuxt app for serving online.codingblocks.com public page(s).

amoeba-frontpages's Issues

Set a default image if no profile picture is uploaded.

If the user has not uploaded a profile picture we see a broken image on online.coding.blocks.com. We can have a default image as we have in accounts.codingblocks.com. I am attaching screenshots for better understanding.

Default Profile picture is broken (profile picture is not shown in case of default picture)

Default Profile picture not shown.

online.codingblocks.com hangs sometimes when pre-logged in!

Occasionally, when pre logged in, frontpage do not loads up and forcefully hangs all other tabs too. Browser needs to be closed as a result.

Source details:
Browser: Chrome
OS: Windows 10

Some typos to be fixed

descision should be decision
Line 14
File link : amoeba-frontpages/online.codingblocks.com/components/Campaigns/IPL2020/RulesCard.vue

New Learning Tracks UI

Need to change the learning tracks section on the index page.

Old Design:

New Design:

Figma Link: https://www.figma.com/file/jVjjAyVIInrF1h3XoSUxdC/Online-Coding-Blocks?node-id=0%3A1

How to approach?

First try creating the same UI and use the existing component as it already hits the api to fetch and display all the dynamic information. Try to stick to motley as much as you can. If unavoidable, use component scoped css.

fix the image alignments

I'm not pro but my design intuition says the images need to be aligned to the center. Currently, it looks a bit off.

https://online.codingblocks.com/

Logo not shown

The logo is missing in the footer bar.

Social media icons getting overridden by the support chat box

There should be space between the social media icons and the support chatbox in the bottom footer.

feature: implement Scroll to top Button

Is this issue regarding CSS?

yes
Implement scroll to top button in the website

Responsiveness in the "learn" section

The learn section carousel has issues with its responsiveness here is a supporting image

Course include does not aligned properly

connect ECONNREFUSED 127.0.0.1:3000

Suddenly NODE_ENV=oss yarn dev throws above error

Make course search query part of query params

On course list page: https://online.codingblocks.com/courses

If you search for anything, the results are displayed below. It works all right. However, if you reload the page resets and you need to retype the search query to get the results again. We aim to eliminate this by keeping the searchQuery are part of query params so that

https://online.codingblocks.com/courses?q=android

should auto fill the search query with value android and i would see android results.

Requirements

• Visiting https://online.codingblocks.com/courses?q=android should show android results
• Searching for c++ in search box, the query params should also be updated along with the search results.

responsiveness of "our experienced mentors" section

The "Our experienced mentors" section is not responsive to mobile view and gets hidden

Add to wishlist and share course features are not working.

Add to wishlist and share buttons are not giving any response, as shown in scheenshot.

Tested On

1. Chrome Android.
2. Chromium on Linux.

Screenshots

Similar issue on CBOnlineApp

Default avatar in detailed reviews section are limited to 20, can be increased upto 36

I recently found out that https://minio.codingblocks.com/img/avatar-{num}.svg has up to 36 avatars.
But DetailedReviews section supports only up to first 20.

icons are not being loaded- attaching screenshot

Use default avatar for users in reviews section

Use this for avatar: https://minio.codingblocks.com/img/avatar-${random}.svg

A similar example: https://github.com/coding-blocks/amoeba-frontpages/blob/master/online.codingblocks.com/components/AboutCourse/DetailedReviews.vue#L45

fix the card size

Card size needs to be same

https://online.codingblocks.com/

No scrolling to view the learning tracks on desktops

we can scroll and view the learning tracks on mobile and tablet devices but on desktops it is not possible.

Also there is no margin for popular courses section on mobile and tablet screen sizes.

Github Actions: add yarn cache

We use Github actions to build and deploy this project.
We can cache yarn for faster builds. Read on how here: https://github.com/actions/cache/blob/master/examples.md#node---yarn

Copyright is repeated

In footer in mobile view: