codefest-iit-bhu / codefest-app Goto Github PK

In mobile, reduce the global font size by a relative factor everywhere. The current font is too large and looks ugly on small screens.

Copy button for referral code should be made small and the referral code should be showed besides the newer small icon.

When data is fetched lazily to fill up table, it damages the UX since the table only has header row. We should provide a loader, spinner or progress bar, which looks good and inform user that the table will be filled soon.

Also, we need to show a toast or an element if the data fails to fetch, due to any reason, which would allow user to refresh data.

Register Firebase Cloud Messaging in service worker script

We can take a circle and morph it to Codefest Logo at the landing of home page.

Update the animation of haxplore logo to be consistent as other animations in the webapp.

The sidebars in haxplore page and the rest of the site have inconsistent buttons next to the link item.

We should provide a consistent look and keep the button with every item for any kind of sidebar.

Try using some other font

Having an easier way to navigate via the terminal to frequently-visited pages would be better for UX. For that, we could develop a similar functionality to CDPATH from zsh shell.
The gist of the approach is that if the given input doesn't match any command (outputs "Command not found."), then we could search for a directory with the given input as the name. If such a directory exists, then it should automatically perform the cd action with the given directory as an argument to cd, else command not found.
Since the terminal doesn't have support for env variables right now, the issue is broken down to two separate tasks.

Tasks:

• Search for input directory name in the current directory.
• Use the CDPATH env variable to search for the input directory name from the given directory paths in the variable

References:
https://jcode.me/cdpath-with-zsh/

It seems to happen after a change in window size. The text starts zapping

Could try removing the unfocus (onBlur) listener on the input and only close button over input when some other button is clicked.

The sidebar should have dragging ability to open/close the sidebar.

If the user drags to right from left, then sidebar should open.
If the user drags to left from right and the sidebar is already open, then it will close.

UI Fixes need to be done for Tablet mode

• Events Page : Event Summary text size is large. Overflow occurs.
• Events Page : Haxplore Icon too small.
• Home Page : Venue alignment.

• Modifications in the show/hide terminal button
• Z-index of the terminal can be changed / Remove the feature of increasing the terminal height on being focused. Because in the present situation the terminal messes with the scrolling.

• Testimonial text size too small.

• Appbar height is an issue. Maybe, decrease it a bit.

• Notch shape : Upside down rounded trapezium.

• Less space between sponsor logos and buttons.

• Shadows : Large boxes should use box-shadow, smaller one should use icon-shadow and smallest ones ahould use small icon.

• Font Size : We can standardize the font size all through the website. We can try to use lesser number of fonts

• Shadow can be given to footer.

To reproduce the issue

• Go to home page
• cd events
• cd enigma
• cd ..
• see error

• Color Mapping between Light and Dark - @pegasus-lynx
• Light/Dark Mode toggle in appbar/sidebar
• Different SVGs and PNGs for light/dark mode

Update Event card animations in the mobile to be not as jarring as right now. When the user scrolls down the events page, all the cards open up at the same time with glitch effect, thereby causing poor performance.

The task is to look for a better UI to list and animate events for mobile screens.

• Smooth transition on toggling light/dark mode
• If none(light/dark) is chosen, then use auto mode (depends on system clock)

Different Hero animation for homepage (i.e. something to replace the matrix rain)

Mouse movements are not recognized on tablets so event summary is not displayed.