semikolan-co / semikolan-react Goto Github PK
View Code? Open in Web Editor NEWThis Repository contains the Codebase for Semikolan website developed using React.
Home Page: https://semikolan.co
License: GNU General Public License v3.0
This Repository contains the Codebase for Semikolan website developed using React.
Home Page: https://semikolan.co
License: GNU General Public License v3.0
We need to Create a Resource Page, where any developer can find out the Resources they need for their respective field
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
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
pages
directoryApp.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.
We need to Create a RoadMaps Page, where any developer can find out the Roadmaps they want for their respective field
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
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
pages
directoryApp.js
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
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
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
pages
directoryApp.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:
Expected behavior
Square size and responsiveness of that particular image in all views.
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.
We need to create a Badge Page, where members of the SemiKolan Community can download their Badge to float on their Social Media
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
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
pages
directoryApp.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:
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):
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
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
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
Just visit https://semikolan.co or go to Index route in Local System
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
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:
Expected behavior
This should open up on a new tab, a simple change in the html code should just do the work!
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.
src/component/Work.js
- Here you will get everything about the current Thing We've Built Section
To reproduce, just visit https://semikolan.co and scroll to Things we've built Section
src/
)foreach
(map
function here)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.
We need to Create a Events Page, where all the Events organized by SemiKolan or in Collaboration with SemiKolan will be displayed
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
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
pages
directoryApp.js
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
You can find Repositories of these projects on this organization
src/components/BongoCat.js
- contains Initiatives Page Components (will need to create a separate file)src/components/Work.js
- contains Showcase Page ComponentsListing 0 Tasks, because this can be implemented by a lot of ways
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:
src/pages/Home.js
Contains the Home Components for Home Pagesrc/components/
Directory where you can create Component for itsrc/assets/image/
Here you can create a separate directory containing Logos of CommunitiesThis is an enhancement Issue, so no Reproduction Steps
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:
Desktop (please complete the following information):
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
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
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
pages
directoryApp.js
Describe the bug
Add New Hacktoberfest Projects on the Hacktoberfest Page.
To Reproduce
Steps to reproduce the behavior:
Expected Behavior
New Projects for Hacktoberfest should be visible with their particular repository link.
We need to Create a Youtube Page, where any developer can find out youtube videos published on SemiKolan Youtube Channel
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
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
pages
directoryApp.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.
We need to Create a Newsletter Page, where any developer can find out the Newsletters published under SemiKolan Weekly Newsletter
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
Include specific tasks in the order they need to be done. Include links to specific lines of code where the task should happen at.
pages
directoryApp.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
.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:
Expected behavior
The header link should stay the same as they are.
Actual behavior
The header links disappear.
Desktop (please complete the following information):
Additional context
Here I have attached the video of how it can be reproduced.
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:
src/pages/Home.js
Contains the Home Components for Home Pagesrc/components/
Directory where you can create Component for itsrc/assets/image/
Here you can create a separate directory containing Logos of Programs/EventsThis is an enhancement Issue, so no Reproduction Steps
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.
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:
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:
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.