semikolan-co / semikolan-react Goto Github PK

Description

We need to Create a Resource Page, where any developer can find out the Resources they need for their respective field

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/App.js - Contains all Routes
src/pages/ - Directory where we need to create pages

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• Create Page in the pages directory
• Update Component in the App.js

make leaderboard table and leaderboard header responsive

add the search filter functionality in the search for searching username in it (note: user can search both in upercase and lowercase)

Is your feature request related to a problem? Please describe.
Right now the button has no captcha and anyone can intentionally make multiple requests through the website.

Describe the solution you'd like
We should use a captcha that should open when we click on the submit button in both subscribe to the newsletter footer and Send Query button.

On the page https://semikolan.co/hacktoberfest you can see that the events timeline section is at the bottom and needs some scrolling, we should add this page above the projects repository.

Description

We need to Create a RoadMaps Page, where any developer can find out the Roadmaps they want for their respective field

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/App.js - Contains all Routes
src/pages/ - Directory where we need to create pages

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• Create Page in the pages directory
• Update Component in the App.js

Description

We need to Create a Partners Page, where users can see all the partners and collaborators from various aspects and also get a link to apply for being a partner

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/App.js - Contains all Routes
src/pages/ - Directory where we need to create pages

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• Create Page in the pages directory
• Update Component in the App.js

Describe the bug
Image in What is Semikolan? section is shrinking in full web view but responsive in mobile view that is less than 1150 px and shrinking before 1150 px.

To Reproduce
Steps to reproduce the behavior:

1. Go to semikolan.co website.
2. Scroll down to What is Semikolan? section.
3. See image shrink error.

Expected behavior
Square size and responsiveness of that particular image in all views.

Screenshots

The images on the 404 Page are not working, we can add new images or redesign the 404 Page with whatever that will look better.

Description

We need to create a Badge Page, where members of the SemiKolan Community can download their Badge to float on their Social Media

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/App.js - Contains all Routes
src/pages/ - Directory where we need to create pages

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• Create Page in the pages directory
• Update Component in the App.js

Currently the link in footer targets to https://github.com/semikolan-dev, however we have now changed it to https://github.com/semikolan-co and hence the footer link should be changed too.

Describe the bug
Navigation and contact form not showing in Contact Page

To Reproduce
Steps to reproduce the behavior:

1. Go to semikolan.co/contact

Expected behavior
There should be a navigation bar, footer and contact form on the page.

Screenshots

I'm only seeing this much currently.

Desktop (please complete the following information):

• OS: Windows 11
• Browser Opera

The Footer is not so good, The Contrast of the Background is the same through all sections in footer. (having it actually good because the whole site is having it as same)
But since it is a Footer, It must look a bit different or gives a different appearance
and the current footer doesn't look structured well

We can play with the background of the whole footer and bottom credits line to get something amazing
Or we Simply Go for Improving it by creating a different improved layout

Description

Currently, there is a Community Partners Section, which looks like the screenshot attached below, So we need to Upgrade this and provide it a better UI

Screenshots

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/component/Community.js - Contains JSX and logic for Component

To Reproduce

Just visit https://semikolan.co or go to Index route in Local System

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• New UI is matching with the whole Page theme
• Animations are Working Fine
• I haven't changed any other file which is not related to this Issue

Since this is the main website of Semikolan, we should add an about Semikolan section in the readme of this repository (it can be the same as About us description in the website) and a link to discord.semikolan.co to join the community and for further discussions related to Semikolan projects.

Describe the bug
The Hacktoberfest page should open a new tab on clicking Read More in the projects repository section.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://semikolan.co/hacktoberfest
2. Scroll down to 'Projects repository' section
3. Click on the 'Read More' button
4. See error

Expected behavior
This should open up on a new tab, a simple change in the html code should just do the work!

Description

The Projects displaying in the Things We've Built Section are Currently Hardcoded into HTML/JSX.
And this is not good practice as well and breaks the DRY Concept. And also It is a bit difficult to manage. So we need to fix it make it more scalable. We can create a JSON file to store data of all projects and render them.

Screenshots

Files

src/component/Work.js - Here you will get everything about the current Thing We've Built Section

To Reproduce

To reproduce, just visit https://semikolan.co and scroll to Things we've built Section

Tasks

• Create JSON file for Projects (in src/)
• Display all Projects using foreach (map function here)
• Change CSS to act different on Odd count Project and different on Even Count Projects

We have the Hacktoberfest page at https://semikolan.co/hacktoberfest/, we should include the link to this page at the Homepage https://semikolan.co/. This link can be in the form of a button addition somewhere that fits with the UI and easier for a user to navigate.

We can Add SemiKolan Coins which people can buy from the website or earn from events when they gain a rank from these coins people can buy Gift Cards etc this would make more and more people join the server.

Description

We need to Create a Events Page, where all the Events organized by SemiKolan or in Collaboration with SemiKolan will be displayed

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/App.js - Contains all Routes
src/pages/ - Directory where we need to create pages

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• Create Page in the pages directory
• Update Component in the App.js

Description

We need to add Projects to the Initiatives Page, There are already a few projects already listed on Showcase Page.
The same way we have to add projects on the Initiatives Page

Design and Layout of these Projects can be the same as in the Showcase Page, But Something new and better will be appreciated

Projects to be Added

• SemiKolan Blogs
• InstaLyzer
• InstaLyzer Backend
• SemiKolan Website

You can find Repositories of these projects on this organization

Files

• src/components/BongoCat.js - contains Initiatives Page Components (will need to create a separate file)
• src/components/Work.js - contains Showcase Page Components

Tasks

Listing 0 Tasks, because this can be implemented by a lot of ways

Description

Currently, there is no "Our Community Partners Section", So we need to prepare an Our Community Partners Section there, where we can simply put on the Logos of all Programs/Events in which we are Community Partners

Title for Section: Our Community Partners
All Communities in which we are Community Partners:

• GDSC UIT RGPV
• CNCF Bhopal

Files

• src/pages/Home.js Contains the Home Components for Home Page
• src/components/ Directory where you can create Component for it
• src/assets/image/ Here you can create a separate directory containing Logos of Communities

To Reproduce

This is an enhancement Issue, so no Reproduction Steps

Tasks

• Create Component for this Section
• Check all Logos are Redirecting to Correct Address
• Add Component to Home Page
• Update File Structure in Readme

In mobile screen whenever a user clicks a Nav link in Dropdown menu, It doesn't get hidden after clicking
Can I work on this?

create a full functional pagination and improve the UI of the pagination component

We now have a telegram group and channel and we should also have it's link in the join section of the website with a proper logo (probably a lottiefile which we are currently using for Whatsapp and Discord).
The telegram joining link should refer to https://t.me/semikolan which is the official channel.

Describe the bug
After submitting the form in Contact us or the subscribe newsletter section the data should be removed, right now it is still showing the data and I can resubmit using the same data again and again.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://semikolan.co'
2. Add data in contact form and click 'Send Query'
3. You can see that the data is still there, same in Subscribing to the newsletter too.

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Opera

Description

We need to Create a Join Page, where any developer can join SemiKolan Community
there they will find routes for Joining as a Member, Team and Mentor

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/App.js - Contains all Routes
src/pages/ - Directory where we need to create pages

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• Create Page in the pages directory
• Update Component in the App.js

Describe the bug
Add New Hacktoberfest Projects on the Hacktoberfest Page.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'semikolan.co/hacktoberfest'
2. Go to 'Projects Repository Section'
3. Scroll down to end of the section.
4. Add new projects here.

Expected Behavior
New Projects for Hacktoberfest should be visible with their particular repository link.

Description

We need to Create a Youtube Page, where any developer can find out youtube videos published on SemiKolan Youtube Channel

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/App.js - Contains all Routes
src/pages/ - Directory where we need to create pages

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• Create Page in the pages directory
• Update Component in the App.js

There should be a link to go to semikolan blog (https://blog.semikolan.co) in navbar and open it in a new tab with a nice looking user interface.

Description

We need to Create a Newsletter Page, where any developer can find out the Newsletters published under SemiKolan Weekly Newsletter

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.
src/App.js - Contains all Routes
src/pages/ - Directory where we need to create pages

Tasks

Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.

• Create Page in the pages directory
• Update Component in the App.js

We can Create Routes for displaying Developer Profiles, where all info like Bio, Projects, Achievements, Contributions and all other stuff will be displayed.

For now, you can have a look at https://semikolan.co/harsh. It is an Unfinished Page, we can create something like that or an Improvised version of it.

Here Data is currently served from a JSON file, for now/src/component/userprofile/harsh.json
We can use a Similar method or any other Improvised Method.

The new Links for developer profile can be something like semikolan.co/d/developer_name and here we will be having a JSON file name by developer_name, So we can easily use that as an argument to look for json file

Describe the bug
There is a PULL Request Template inside .github, but it's not working as per GitHub norms, So we need to fix this

Files

.github/PULL_REQUEST_TEMPLATE/pull_request_template.md
Current PR Template which should be working

Create User's Pages like https://semikolan.co/your_name

On clicking the Blog Button in the navbar, the user should be redirected to https://blog.semikolan.com instead of https://blog.semikolan.co which we used previously.

Describe the bug
Header links disappear on multiple clicks(twice) on the same link or on clicking on two different links.

To Reproduce
Steps to reproduce the behavior:

1. Start the repository on local server http://localhost:3000/ or go to https://semikolan.co/
2. Click on any of the header links(About, Showcase, Initiatives, Join, Contact).
3. Click again on any of the header links(About, Showcase, Initiatives, Join, Contact).
4. See error. The links disappears.

Expected behavior
The header link should stay the same as they are.

Actual behavior
The header links disappear.

Screenshots

Desktop (please complete the following information):

• OS: Garuda Linux & Windows 10 Home
• Browser: Firefox Browser 93.0 (64-bit) & Google Chrome Version 94.0.4606.81 (Official Build) (64-bit)
• Version [e.g. 22]

Additional context
Here I have attached the video of how it can be reproduced.

Description

Currently, there is no "Community Partners in Section", So we need to prepare a Community Partners In Section there, where we can simply put on the Logos of all Programs/Events in which we are Community Partners

Title for Section: Community Partners
All Programs/Events in which we are Community Partners:

• Hack Odisha
• Hack This Fall
• Script Winter of Code
• Infinite Clone Conspiracy

Files

• src/pages/Home.js Contains the Home Components for Home Page
• src/components/ Directory where you can create Component for it
• src/assets/image/ Here you can create a separate directory containing Logos of Programs/Events

To Reproduce

This is an enhancement Issue, so no Reproduction Steps

Tasks

• Create Component for this Section
• Check all Logos are Redirecting to Correct Address
• Add Component to Home Page
• Update File Structure in Readme

Change the API Path for all API requests to Semikolan Blogs

add loader in table until data get fetch

Is your feature request related to a problem? Please describe.
The navbar elements on hover makes a dashed box like structure which doesn't seem professional.

Describe the solution you'd like
It will look much more professional if we just increase its size a little bit on hover and remove the dashed outline.

Describe alternatives you've considered
I guess the solution will be more user friendly. So, i don't have alternative.

Additional context
I have one more request. If user is on any page, he/she have to move start of page to know on which page he/she is. So, i would suggest that we should color the active page. As for example if he is on showcase page then it should have color different than other navbar elements.

solution seems like this

We're organizing an Hacktoberfest Hack Party where the top contributors contributing to the projects mentioned under https://semikolan.co/hacktoberfest will get some rewards from the Semikolan community.

This should be mentioned under the Hacktoberfest page too.

Suggestions:

• Add a section titled 'Perks for contributions'
• This section should highlight points such as:
  • Hacktoberfest goodies on completing 4 PRs
  • Goodies from SemiKolan community for top contributors
  • Making your first step into Open Source

We have the leaderboard page at https://semikolan.co/hacktoberfest/leaderboard, we should include the link to this page at the Hacktoberfest page https://semikolan.co/hacktoberfest. This link can be in the form of a button addition somewhere that fits with the UI and easier for a user to navigate.

Describe the bug
Once we subscribe to the newsletter the email id registered is not going to the backend, and instead we are getting a None response in the backend.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://semikolan.co#footer' , add your email ID.
2. Verify the captcha and subscribe.
3. You won't get any confirmation email and verified via backend too that we're getting "None" as the email.