ssgsa-us / ssgsa.us Goto Github PK
View Code? Open in Web Editor NEWHome repository for ssgsa.us
Home Page: https://ssgsa.us
Home repository for ssgsa.us
Home Page: https://ssgsa.us
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
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.
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.
Originally posted by pnijhara August 19, 2021
Currently, ISRA is written as International Summer Research Award(ISRA) in the header. What do you all think? Should we continue with the full form or save the space by writing "ISRA"?
Related Issue #36
Previous PR #37
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).
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).
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'.
Originally posted by pnijhara August 19, 2021
As suggested by @sanjana-302 we can try "modals". What do you all think?
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:
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.
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):
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.
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
Refer slide 25
Create a directory called admin
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.