Develop First Time Issue Section of Contribute Page

[Sonal240]

Description

As a developer,
I need the following section of mockup to be developed,
so that I can add as First Time Issue Component here.

Mocks

Font Size for heading SOME COOL FIRST TIME ISSUES TO WORK ON: Header Medium(32pt) weight- Medium
Font Size for the description below: body 18pt weight- Light
Font Style- Avenir
Font Color (heading): #103B81
Font Color (Body): #103B81

Design Link For Development

Acceptance Criteria

Update [Required]

• Follows all the design guidelines as mentioned and is responsive enough on large screen devices.
• Fetch First Time only issue from GitHub.
• See all issues on GitHub is a link that should redirect the user to issues page showing all first-time issues available on GitHub.

Definition of Done

• All of the required items are completed.
• Approval by 1 mentor.

Estimation

3-5 hours

[sakshi1499]

LGTM @Sonal240 Awesome work 💯

[Sonal240]

@anitab-org/coding-team kindly take up this issue... Thanks

[Sonal240]

Anyone from @anitab-org/coding-team free to take up this issue??

[Sonal240]

The issue is open for all

[Akanksha1212]

Hi! Can I work on this?

[Sonal240]

@Akanksha1212 I've updated the issue kindly have a look and do the necessary changes in the code

[sakshi1499]

@Akanksha1212 Hi what are the updates? Are you still working on this issue?

[Akanksha1212]

Hi @sakshi1499 Yes, I am working on it. Will make a PR in 1-2 days.

[sakshi1499]

@Akanksha1212 Great

[Sonal240]

@Akanksha1212 can you submit a pr...thanks

[Akanksha1212]

Hi @Sonal240, I spent time working on this issue but I am not getting the exact result as it's expected in the issue. So I don't think I'll be able to make a PR soon. Please unassign me.

[sakshi1499]

@Akanksha1212 Its okay if its taking you time, you can take some more time not an issue.

[Sonal240]

Hey @Akanksha1212 you may pose questions here as well no issues... I just asked about the pr coz you had mentioned it earlier...

[Akanksha1212]

Hi @Sonal240 and @sakshi1499, I think it would be better if someone else takes it up for now. I am pretty new to this so need some time to figure it out. I'll try to look for simpler issues 😅

[anna4j]

@sakshi1499 I can take it up :) could you also see the changes in my latest pr please

[anna4j]

@sakshi1499 @Sonal240 I have to feature issues of which GitHub repository in this component? anitab-org.github.io?

[Sonal240]

All the issues that have the label first timer issue only for all repositories if possible

[anna4j]

@sakshi1499 hey! currently stuck on this issue. There isn't a lot of documentation around this either. I did tag the coding team in zulip because I read an article by an open-source contributor at systers 2 years ago and they had implemented a similar feature in their systers.github.io but I tried everything she shared and it doesn't work :(
In fact, I went ahead and mailed her too. Waiting for a lead on this now

[sakshi1499]

@anna4j So as much as I got it, I believe you need help with embedding first timer issue in the code?

[anna4j]

@sakshi1499 yes absolutely

[nandini45]

@paritoshsinghrahar any updates?

[parthsarthiprasad]

I think you tagged wrong guy? (Yeah sorry I've been little caught up in interviews lately so didn't get opportunity to work on this recently) ( holding on might cause delay, if no-one else picks up this. I'd complete this later on, presently I can't give enough precedence )

[nandini45]

oh i am so sorry.
so should i make it available for other contributors?

[rutvi18]

Can I take up this issue?

[Akanksha1212]

Sure @rutvi18. Go ahead!

[Akanksha1212]

How is it going? @rutvi18 Let us know if you need any help

[rutvi18]

I am working on it. It got delayed due to other commitments. Will request for PR in 2-3 days.

[rutvi18]

@Akanksha1212 I have done few updates. Please check my PR. But ,still I am not able to add png files under contribute tab. Please guide for same.

[annabauza]

@tichnas I release this issue due to lack of response.

[iamkryptonite]

Is this issue still available? I would like to give it a try .

[nandini45]

sure @iamkryptonite i will assign you the issue

[iamkryptonite]

Hey @nandini45 I have a few questions:

1. Since we are only showing the 'first timer issues' is the 'label' heading in the table required?
2. What happens when I click on one of the issues?

[iamkryptonite]

3. Also the table headings have arrows which I guess are dropdowns. Do they work exactly like the ones shown in Github? Like for example if we click on sort and select an option from the drop-down does it sort the list of first time issues accordingly?

[nandini45]

@iamkryptonite
1.it was used only for searching any specific category of work. for example- all will be 1st timer issue along with it the category will be coding specific.
although if you want to ,you can remove it .
2.it will redirect the user to that issue.
3.instead of making several dropdown . like labels milestone etc.
just go for one i.e. assignee one to show that it is taken or not

but now when u asked these question i had a question that you may design it for now. but what after when those issues have been solved. is there any way by which we can fetch new issues in it?

[iamkryptonite]

@nandini45 The issues will be dynamically generated from the github api itself and will get updated automatically. We don't need to add issues every time a new issue is created.