Circuitverse: Create "Humans of CircuitVerse" markdown page

[ShreyaPrasad1209]

Is your feature request related to a problem? Please describe.
This feature will show significant contributions of individual members in CircuitVerse so as to appreciate the efforts made by them and motivate others to contribute to open source.

Describe the solution you'd like
They can be displayed in following manner:

• Person - Contribution Labels, Description.
  Against each person's name, we can add labels to indicate the areas in which they have contributed. This label is similar to the "Labels" feature in GitHub which is used in issues. Also, give the user an option to add their description. All of this must be entered manually by the user. Some examples of labels are: Frontend, Backend, UX/UI, Mentoring, Community Manager, Social Media Manager etc.

This allows our contributors to list all of their achievements in one place and becomes easy for them to showcase this in their intreviews 😄 It should be written in markdown so that it can be readable on GitHub as well. It will be linked to About page.

Describe alternatives you've considered
Refer GitHub Campus Experts page for reference. Check individual profiles and see how they have labels along with text description and image.

Additional context
None

Are you working on this? (Yes/No)
Open for everyone

[harshitaaaaaa]

Can you assign this issue to me?

[ShreyaPrasad1209]

Sure! @satu0king can you assign this issue to her? Seems like I don't have the required permissions.

[Shivansh2407]

@harshitaaaaaa you can start working on the issue, You just need to Comment "Working on it" or something Similar to make it clear to the Admins/Maintainers/Other Contributors that you've taken up this issue. Looking forward to your PR 🚀

[harshitaaaaaa]

Yeah, I'm working on it!

[harshitaaaaaa]

@ShreyaPrasad1209 I have started making the markdown page. Can you have a look at it whether it looks the same as you expected or do I have to make some changes in it. After that I'll proceed further. I am hereby attaching screenshots, you can have a look at them and please tell me if it needs any changes or improvements.

[ShreyaPrasad1209]

@harshitaaaaaa this looks good. Some suggestions -

• Give user the option to enter their details manually.
• Right below Humans of CircuitVerse headline, reserve some space for a introduction paragraph. I will give you the content in some time. Add dummy paragraph for now.

[harshitaaaaaa]

@ShreyaPrasad1209 Yeah thankyouuuu. I'll do as directed.

[harshitaaaaaa]

@ShreyaPrasad1209 I've completed the frontend part. Now I have to make a column in which users can enter their details manually. For that, I need to do the backend part. I have a few queries, please guide me.

1. Do we have to use ruby on rails for the backend part?
2. How will we get the validation from all the users so that only they have the access to edit/add their information manually.
   Please guide me a bit and I'll do that as well.

[satu0king]

@harshitaaaaaa looks really good!

Sorry for the change here, but I think this need to be part of the main website. So can you make it a html page like
http://circuitverse.org/humans-of-circuitverse ?

The idea of having a markdown page was it is easier to add the details. But that may not be possible. We can see other alternatives after you make a PR.

Also can you add optional links like Linkedin, Twitter, Github for each person?

[harshitaaaaaa]

@satu0king Yes I can definitely make an HTML page instead of this markdown page and will add all the additional social options.
So in that HTML page, is there any need to give a separate column to each person so that they can manually edit their details?

[satu0king]

@satu0king Yes I can definitely make an HTML page instead of this markdown page and will add all the additional social options.
So in that HTML page, is there any need to give a separate column to each person so that they can manually edit their details?

You mean separate row? Yeah i think so, unless you have a better idea

[harshitaaaaaa]

@ShreyaPrasad1209 You asked me to add a small paragraph after the heading, till now I've added a dummy paragraph. Please provide we with appropriate content so that I can finish making the page.
@satu0king I have converted the markdown into HTML. Do I have to link it with any other webpage?

[harshitaaaaaa]

@satu0king Please have a look at it. I have made it an HTML page and also added other links. Can I generate a PR if it looks good to you. If you want some other changes and improvements, please let me know.

[robin025]

Working On It..!

[harshitaaaaaa]

@robin025 I've already done it. Will soon generate a PR.

[robin025]

@ShreyaPrasad1209 can I work on it.....?

[ShreyaPrasad1209]

@robin025 let's wait for Harshita's PR and then you can work on it in case there's any issue with the PR.

[satu0king]

@harshitaaaaaa generally u make a PR and then get a review not in the issue itself.

[satu0king]

@harshitaaaaaa don't like the background color. Lets keep it white.

[robin025]

Hi @ShreyaPrasad1209 , thanks for your reply on contributor page. I was referring to #2005 as you mentioned to create a "Humans of CircuitVerse" markdown page.

So here my suggestion request!
To be able to use a markdown page that will show significant contributions of individual members in CircuitVerse so as to appreciate the efforts made by them ,we can use Jekyll theme which is a static website generator that’s designed for building minimal, static blogs and pages to be hosted on GitHub Pages.
With the help of jekyll ,it strips everything down to the bare minimum, eliminating a lot of complexity
1.We can easily transforms our plain text into static websites pages and blogs.
2.It requires no databases,cms or any updates
3.It supports static HTML, CSS javascript and even Markdown, so with the help of markdown we can easily use all types of labels like you mentioned in #2005
4.What’s best is it goes well with Github-Pages
5.It loads faster

Also to be able to create a CRUD functionality ,i don't think so this can happen in static website but we can create layouts for contributors in markdown, after that contributors just have to edit those markdown files and commit changes.

looking forward to your reply
thanks

[ShreyaPrasad1209]

@robin025 this page will be dynamic because users need to have the option to change their content. A basic CRUD application will be enough I think. Jekyll theme sounds good 👍 We can easily implement this in markdown.