ssgsa-us / ssgsa.us Goto Github PK

Refer slide 33

As we are using the tailwind CSS so we have to add the configuration files of it.
See here - https://tailwindcss.com/docs/guides/nextjs

Refer slide 37

For reference, attaching the screenshot

Description
If a user attempts to upload a file that is larger than the max file size, nothing happens. A static text exists, but it's better to have an interactive feedback for the user.

Steps to reproduce
Open the application portal and go to step 4 (documents upload). Try to upload a file > 500KB in any section.

Expected behavior
A snackbar, or another form of notification should popup for a few seconds to notify the user about the exceeding file size.
The same popup can also be shown when uploading a non-pdf file.

Attaching a screenshot for reference.

Issue is that while writing marks in the marks input and start scrolling, marks will updated on their own (increase/decrease).

Solution is that the scrolling on each marks input should be disabled.

Discussed in #29

Related Issue #36
Previous PR #37

Context

A better way to do this is show count animation only when Counter component comes into picture (meaning in viewport). The way it's working right now is it starts as soon as the web page loads, and may be it will not make any sense because it will give static view as earlier if the user does not scrolls to that component in mobile view on load or in desktop mode (if component is out of viewport onload).

Possible Solution

A simple solution to this is to create a custom hook to check the visibility of a component in view port or may be track the window scroll position and check if your div comes into picture or not (Perhaps there are other better ways to achieve the same).

• Add a remove button for bad applications
• Add the restore button inside the removed applications tab

• UI of this section can be improved by using some type of animated stats counter, see here (see the below section in the above link)
  

• Lower section of homepage looks a bit clutterd, may be little bit of spacing between components can improve UI
  

Refer slide 36

• Increase first carousel height

• Move statistics section in between header and first carousel

• Remove Newsletter part

• Add a "Quote" section below "Scholars" section. It will be a slideshow of 4-5 slides and each slide will have a quote and author's profile.

Some additional components can be picked from version 3 of the presentation.

Create single sign in page for whole website at "/signin" and remove all sign in pages.

This can be achieved by combining 'users', 'interviewers' and 'reviewers' collections into single collection 'users' with an extra field 'role'.

Discussed in #26

Refer to slides 11 and 12

Refer slide 14

Describe the bug
Firebase throws invalid api key error when no environment variables are set in '.env' file.

To Reproduce
Steps to reproduce the behavior:

1. Go to '.env' file
2. Remove all environment variables
3. Try to run application
4. See error

Expected behavior
Application should handle this error and show all the static pages and show error notification or message at each page where api keys are used.

Screenshots

Describe the bug
Slides of upper carousel have different heights because of the content size. Smaller slide is not covering the carousel.

Expected behavior
Slides of carousel should be of same size with content in center.

Screenshots

Is your feature request related to a problem? Please describe.
Problem is all constant values like awardees list, scholars list and others, are in the website constants folder and needs a new deployment of website for each constant value change.

Describe the solution you'd like
Solution is that create a new collection in firestore database and save all the constant values there. Also, we can save the images in the storage and provide the same link in constants.

Describe the bug
The header is not sticky.

Expected behaviour
The header that was introduced in PR #12 is not found to be sticky. However, issue #1 clearly described the requirement.

Desktop (please complete the following information):

• OS: Mac OS v 10.15.7
• Browser: brave, tor

Additional context
position:fixed won't work here because it will introduce some serious CSS issues.

About SSGSA page is a very simple implementation similar to the index page. The difference is, on about page two components are required to import.

1. Written content
2. Apply component

Written content should be a component because the same component can be imported into the ISRA page.

Consider using CDN for faster loading of images. Even though we are using the Image tag provided by Nextjs for the SSR of the images. Still, those images are not loading as fast as they should be.
@roshnet @himanshuvarandani

Refer to slides 9 and 10

Applications table in admin, reviewer or interviewer portal have larger amount of scrolling. So, it needs to be updated by reducing some column width and remove columns which are not important.

Refer to slides 14 and 15.

Currently, in the mobile/tablet view apply component takes the full size of the page (left to right). This should be rather taking 60-75% of the space with the component to be centred aligned.

Refer to slide 5.

For reference look at the issue #17

1. Newsletter Links (attach pdfs)
2. Payment Link
3. Team members' images and description
4. Favicon

Refer slide 25

Create a directory called admin

• login.tsx
• index.tsx

Attaching screenshot for reference.

Add drop-down options for "About", "Apply" and "Alumni" buttons in the navbar. Refer to slides 1 and 2 for details.

Refer to slide 7-8