Key Deliverables

• Remove all previous code-related files of the dummy-site. Retained the logo.png and rituraj-jain.jpg (rename and keep it organized in src/assets .
• add favicon.ico and a Preloader too.
• use SCSS (npm i scss previously known as dart-scss) to centralize repeatable CSS and Colors. It prevents rendering of the same code again and again. Using SCSS, throughout the website we will be able to use only a set of predefined colors provided in _color.scss. This will help maintain a color consistency and thus, it will set a "color theme" for the website
• Follow Proper File structure. Create a FILE-STRUCTURE.md. Implement boiler Plate code within each and every file.
• implement SEO using "react-helmet".
• App.jsx should redirect all invalid routes to 404 page.
• Header and Footer components should be imported in App.jsx such that Header and Footer will appear in all pages except the 404 page
• Implement Code splitting in App.jsx. Code-splitting enables bundling of different pages. Thus, when a user requests a particular page, only the code bundle required to load that page is downloaded. This increases the Load time of the webapp significantly 😍😍

I would like to create a reset password page which can be visited when someone uses the forgot password page to send a email to them for resetting the password. Currently, I don't have much knowledge of backend so I can only create the frontend part of this i.e only the reset password page.

Kindly assign me this issue @5tupidbrain @riturajjain2000

Here, in login page, i suppose on hovering to the google logo or github logo, it should stand out from another like becoming a little bit big in size.

If the idea seems valid to you please assign it to me so that i can work on it. @riturajjain2000 @5tupidbrain

Login Page (Make it interactive ⚡ and minimal 🐼)

Heading -

Welcome!

Sub Heading -

Sign in to your account

Login Page Must

- Be Responsive
- Have Illustration

Form

- Username [Required Input]
- Password [Required Input]
- Forget password [Link] 
- Login [Button]

After Form

- Create your account ! [Link]
- Social Icons
  - GitHub [Link]
  - Discord [Link]
  - LinkedIn [Link]

Hover colour of backtop button seems to overlap with the colour of the arrow inside.

@riturajjain2000 @5tupidbrain
I would like to modify the horizontal scrollbars under the resources of each of the technologies to make them more appealing.

Please assign this task to me uder Gssoc 2021

It should be checked whether the new password and confirm password are same or not in the reset password form. If they are not same, an error should be shown and if they are same the user should be directed to sign in page.

@riturajjain2000 Please assign this issue to me under GSSoC'22.

Navigation Links (All links align to Left side except Signin)

• Logo (Redirect to index/home )
• Explore
• HackFeed
• JobHunt
• Signin (Right side)

Navigation Design when User Logged in (All links align to Left side except 'plus icon' and 'username')

• Logo
• Explore
• HackFeed
• JobHunt
• Plus icon (Abbr - "Add new resource") (Right side)
• User icon with user name [Drop down menu] (Right side)

-------NOTE--------
- Dropdown menu [ 'edit profile', 'logout']
- Use dummy name and links for Logged-in navbar

Need to add Email Validation in Forget Password Page as the empty field is getting submitted and redirecting to create a new password.
I would like to work on this issue, so please assign this issue to me under GSSoC'22!!

While moving cursor to the say hi button it doesn't convert to pointer, nor any hover effect is there. Therefore it doesn't give it a feel of button. I would like to resolve this please assign it to me

Right now the user is directed to the reset form even if the email address field is empty in the forget password form. Email address in the forget password form should be a required field.

Please assign this issue to me under GSSoC'22.

Contact page (Make it Interactive ⚡ and minimal 🐼)

Heading -

Contact us

Sub Heading -

Any question or remarks? Just write us a message.

Contact page must

- Be Responsive
- Use Full height
- Have a min-height
- Have Little bit Animation 

Forms inputs [Required]

- Name
- Email
- Subject
- Message

Socials

- GitHub
- Discord
- LinkedIn

Create an impressive landing page

Use Animations and illustrations

1st Section (Introduction)

Heading -

Gather all the knowledge With CSWALA

Paragraph -

find the best resources in one place, which are already present in this huge network called INTERNET

Button - Get started (redirect to explore page)

2nd Section

Quote -

“Education is the passport to the future, for tomorrow belongs to those who prepare for it today.” - Malcolm X

There is no functionality connected to report a bug link.
We can connect Report a bug functionality!!
Please assign this issue to me in GSSoC'22

At 829 px the Description where CSwaala line looks creepy where line-height should be a little greater.
I would like to do that.

Create a new page as Jobhunt with data from PORTAL.json from https://github.com/CSwala/awesome-career-pages.
The look and feel will be similar to explore page, with the company name as the tile title and upon clicking a tile, the link to the career page should open in a new tab!

I will add Authentication with Email and Password. That is manual Authentication

I would like to add hover effect to the cards in explore section and would also like to add page up button.
Plz assign this issue to me

The login functionality is to be added using Firebase Authentication

assign me this and it will be done gssoc'22

I would like to update the font of meet our team and as well add hover effect on the card and on the icons of linked and GitHub.
So please @riturajjain2000 @ddvader44 assign this issue to me so that I could work upon it.

Problem

The UI of the 404 page of the website should be improved. The visiting user (non-technical person) cannot understand the meaning of the 404 code?

Solution

It should have well designed UI with graphics or illustration and with some appropriate information like we should inform the user that he has jumped or redirected to wrong page or the page he is trying to find is not available.

Please assign this issue to me under GSSOC '22.

Thanks!

The section 'get in touch' have same color as footer as a result the footer looks too long as compare to website. I think the color should be different from footer, so that the 'get in touch' should not look like a part of footer, also the creativity will make it more visible. if we proceed this changes then footer will also look different like landing section and about section.
Looking forward to contribute here.
Please assign this issue to me under gssoc21.

@5tupidbrain @riturajjain2000 Kindly assign this issue to me.

➡️ Add a pull request template to include an explanation and checklist for the PR.

@riturajjain2000 @ddvader44
README is the first file one should read when starting a new project. It's a set of useful information about a project, and a kind of manual. A README text file appears in many various places and refers not only to programming. So i want to make your README file more meaningful and more easier to understand the whole project.

How to setup this locally should be added to the readme

Clicking the button the tile should slide

I like to modifying the login page.

Issue: Form and footer is Not responsive.

So please assign me to resolve this issue.

I will Add Github and google authentication and make it proper working. Please assign the task to me

Description

• I want to add custom scroll bar for this website.

Screenshot

• Please assign me on this issue under GSSOC '22.

Please assign this task to me

I want to add Filter button in Explore tab to filter the techs. Can you assign it to me under gssoc 22?

Currently footer is not looking impressive, I would like to design it good. Please assign it to me.

Sign Up and Login functionality is not working on the website. When the user signs up, appropriate client and sever side validation should be performed and he should be able to LogIn further but that is not available. I would also need database access to complete this task. So kindly give me the database access while assigning me the issue

Use animation and transition but make the website minimal and elegant ⚡

1st Section

Heading - About us
Quote -

“Education is the passport to the future, for tomorrow belongs to those who prepare for it today.” - Malcolm X

Paragraph -

We are a community of like-minded peeps from different areas of interests and are united by a single motive
"spread knowledge about the best resources that are available free on the Internet but are not used frequently". 
Everyone in our community was a beginner at some point in time and in reaching the level where they stand now,
they came across various learning platforms and resources. 
So they are all now sharing their knowledge with the OSS community!

Socials -

- Mail
- Discord
- linkedIn

2nd Section

Heading - Meet our Team

Add card design for every member -

Add 
- Avatar image,
- Name,
- Bio, 
- Mail, 
- GitHub profile 
- Website Link

Team -
Name (Position) [GitHub Username]

Rituraj Jain (Founder) [Riturajjain2000]
Saransh Hardaha (Web-Dev Lead) [5tupidbrain]

https://api.github.com/users/USERNAMEHERE (Gather user data from here)

Currently the website doesn't have a sign up page. I would like to add that.

The font used here is not user friendly and user may find it difficult as well as irritating. I would like to add another user friendly font. PLease assign this issue to me.

Issue Type:

• Feature Request

Description

• I want to add custom move up button.

• This feature will save user time to scroll back again to the top of page.

  👀 Tech Stack:
  HTML,CSS and JS.

Screenshot

• Please assign me on this issue under GSSOC '22.

I'd love to do small updation in the readme file to tell the contributer about how to run the project on their local system

PLease Assign this task to me @riturajjain2000

I would like to change favicon because favicon should be a logo of a website. And now it's not like that, So, I would like to change favicon to logo of website. Please assign this issue to me @riturajjain2000

Add a Explore page

Take data from the CSwala API

https://cswala-api.vercel.app/

save the object to "sessionStorage"

Create a display grid list, containing small cards which redirect to the detail page of that card.

Card

• Text {title,type}
  

Responsive Grid

• use "container" class from bootstrap on explore page
• Grid Layout
  • below 990px (Grid: 2 columns)
  • default (Grid: 3 columns)
  • above 1400px (Grid: 4 columns)

Add a Footer section!

• Footer has 2 Rows (Consist of Columns)
• Make it Responsive

Horizontal divider/border between rows

First Row (Make headings bold)

• LOGO and name under logo [1st Column]
• Organization [2st Column]:
  • Home
  • About
  • FAQs
• Resources [3st Column]:
  • Projects
  • Docs
  • Learn More
• Let's chat [4st Column]
  • Email ([email protected])
  • Social icons in a single row (LinkedIn, Discord, GitHub)

Second Row (all below should be in single line)

• Made with ❤ in 🇮🇳 [Left align]
• Copyright 2021 CSWALA, Org [Center align]
• Privacy Policy | Site Map | Report a bug [Right align]

Add a feature that automatically updates the contributors' section.

@5tupidbrain @riturajjain2000 I would like to work on modifying the navigation bar. Here are the changes that I propose to make

1. Alter the properties of the navigation bar to give it a fixed position on top of the screen, so that it stays on top of the screen even if we scroll to the end of the page.

2. I would like to add the color-changing property to the navbar which changes its color when we scroll halfway down the length of the page to give it an appealing look. I will be using React State property to accomplish this task.

I request you to please assign me this issue.

I will add Sign Out Functionality @riturajjain2000 PLease Allow me to work on this issue