CODING:develop the contribution section in the project page.

[nandini45]

Description

As a developer, I need the following section of mockup to be developed, so that I can add it in my projects page. https://xd.adobe.com/view/e83904d0-fe4d-47c1-7762-155628f7de25-9e08/

Mocks

sizing/spacing-

(i didn't add the last 30 days of contri but it has to be added in the section and the spacing between last 30 days and the first heading is 32) [ Font Style- Avenir Weight-medium color style-#0071BC ]

Acceptance Criteria

Update [Required]

• [x] Follows all the design guidelines as mentioned and is responsive enough on large screen devices.
• [x] Fetch the details of the project that is (the contribution)made in the project(LAST 30 DAYS)

Definition of Done

• [x] Approval by 2 mentor.
• [x] All of the required items are completed.

Estimation 5-6 hours

[nandini45]

@annabauza can you review the issue?

[annabauza]

Actually last 30 days is the same font color

[nandini45]

@anitab-org/coding-team can someone work on this issue?

[anna4j]

@nandini45 I'd like to work on this!

[adi-001]

@anna4j , go ahead - assigned it to you🙃

[anna4j]

I'm facing some issues with the react-native-svg package that is needed for the contribution graph. It shows syntax error of Unexpected token
in one of the module files itself :( The react-native-svg-web package shows the same error how can I go about this? thanks

[nandini45]

@anna4j can u share the screenshot please? as far as i know unexpected token arises mostly because of some fault in syntax, maybe you have added some extra keyword anything?

[anna4j]

@nandini45

So this is the error I've been stuck on. "Line" is a component imported from the react-native-svg package and it's contained in a .tsx file

[anna4j]

I'm working on this issue, sorry for the delay. I aim to open a pull request soon!

[anna4j]

could someone else please take up this issue? I'm facing issues with the react-native modules that haven't been developed for the web yet but are being used in this thanks.

[PriViji]

Hi, Is this available?

[gaurivn]

Yes it is.

[PriViji]

I would like to take up

[nandini45]

@PriViji can you update us whether you are working on issue or not?

[PriViji]

Sorry for the late update. Is any Open source package is allowed to use?

I was exploring on d3.js in my local.

On Tue, Jul 21, 2020 at 6:18 PM Nandini goel notifications@github.com wrote:

@PriViji https://github.com/PriViji can you update us whether you are working on issue or not?

— You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub https://github.com/anitab-org/anitab-org.github.io/issues/80#issuecomment-662135514, or unsubscribe https://github.com/notifications/unsubscribe-auth/ALIS5LARTGST5YENYJ6TRPLR4YH3TANCNFSM4OB5Y5TQ .

[nandini45]

@PriViji no issue. take your time. just keep us updated.

by the way i didn't get your question?

[PriViji]

Sure

On Tue, Jul 21, 2020 at 6:26 PM Nandini goel notifications@github.com wrote:

@PriViji https://github.com/PriViji no issue. take ur time. just keep us updated.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/anitab-org/anitab-org.github.io/issues/80#issuecomment-662138536, or unsubscribe https://github.com/notifications/unsubscribe-auth/ALIS5LGAIYSMARJV4PRCZ5DR4YI27ANCNFSM4OB5Y5TQ .

[PriViji]

I am trying to use https://www.npmjs.com/package/react-native-chart-kit But I am getting an error which I couldn't figure out. Can someone help? Screenshot of the error

[nandini45]

i think it is a plugin issue . maybe you have to add a new plugin or something?

[PriViji]

Hi,

I couldn't fix it and I wasn’t feeling well and I apologize for the late response. I appreciate it if someone could take this one. I can do any bug fixing.

Thanks & Regards, Priyanka.

On Tue, Sep 1, 2020 at 4:07 AM Nandini goel notifications@github.com wrote:

@PriViji https://github.com/PriViji any update?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/anitab-org/anitab-org.github.io/issues/80#issuecomment-684535175, or unsubscribe https://github.com/notifications/unsubscribe-auth/ALIS5LGNLQXHFFMCRMNM4TTSDSTSRANCNFSM4OB5Y5TQ .

[phs-sakshi]

Can I take up this issue?

[Akanksha1212]

Sure @B417037.

[phs-sakshi]

thank you @Akanksha1212

[phs-sakshi]

is it okay to use calender-graph?

[nandini45]

yeah

[nandini45]

@B417037 any updates?

[phs-sakshi]

I am using calender-graph for making its basic layout and the git command: data-count=git rev-list --count --since=data-date --before=data-date for making the heatmap. Just fixing some bugs; will pull the request soon...

[phs-sakshi]

could someone else please take up this issue? I'm facing issues with the react-native modules that haven't been developed for the web yet but are being used in this thanks.

[parthsarthiprasad]

@nandini45 just a clarification, I understand that 30 days column wise are marked, but since anita-b has ~20 repos, but we selectively present these 6 repositories? or otherwise it'll have 20 rows?

• what does this code frequency contain? total PR that repo had at that given day?(as in part of statistics and activity)

[nandini45]

6 rows only for the main projects. mentorship android mentorship flutter portal mentorship anitab.org website stem tv

[nandini45]

it contains the stats like a new issue created a prs created a commit made etc

[nandini45]

and @parthsarthiprasad are u working on this one or other?

[parthsarthiprasad]

@nandini45 I researched about this, backend is to fetch data is manageable( it'll have all PR created for the specific repo in past 30 days, tried few scripts), for UI it'll require little efforts, on the lines of calendar graph but we'll require 6X30 boxes. will look for that?

[nandini45]

yeah probably, 6*30 boxes for all the projects. if the code is good then no issue if the UI is the issue here do tell how we can help you. any changes you think will be the solution to the problem? @parthsarthiprasad

[nandini45]

@parthsarthiprasad are you working on it?

[parthsarthiprasad]

hello, @nandini45 THanks for patiently waiting, got busy with SIH finals, which might wrap up by end of November. I'll weigh in as soon as possible, these issues can be opened for someone else if not found up to the mark.

[nandini45]

@parthsarthiprasad ok.. i will make it available for now.. if you want to claim it later I will assign you if available

[Bucky25]

@nandini45 i have started working on it can you assign it

[nandini45]

@Bucky25 here

[Bucky25]

@nandini45 i have a suggestion for contribution graph as the can we make it past 30 weeks as github api only provides data weekly or in day format it is for 7 days only and commit in day are also less which makes graph look empty most of block it would be better if we make according to weeks and one more thing how does we implement api authentication in this repo i am using token method for it is it good

[Bucky25]

any feedback on this this i have implemented according to week

[nandini45]

@Bucky25 I understand ur point but 30 weeks is too much. And moreover i maybe the PM for the project but solely i can't take decision so let's just Keep it for 30 days only. Btw what you did is quite a good job. thanks for the contribution

[Bucky25]

@nandini45 can u give me description of colours of repo name to be written and of the more and less have to be written not given on adobe link given above i have completed implementation of days and will file a pr as soon as colours are with me and what abt the github api authentication process its important

[nandini45]

@Bucky25 go for the same color as mentioned and what regarding the authentication process?

[Bucky25]

@nandini45 authentication process requires access token which has to put in put in the .env file and stored in secrets when hosting on git hub

[Bucky25]

@nandini45 just add a secret named ACCESS_TOKEN in organization repo that is generated from access token so that authorization works the secret has to be a string format -> 'Token {token to be copied}'

[annabauza]

Ahh access token not sure how to keep it without exposing to everyone...

[prabhat04011998]

i think access toke need to be store in a env file which will be ignored by git, put that file in .gitignore. i m not sure about it.

[Bucky25]

@prabhat04011998 it is for local use and local testing but for deploying it needs to be strored in secrets on where we are deploying it

[Bucky25]

@annabauza @nandini45 i have suggestion for the contribution box as we should cover in a scroll view as it happens in github page because in responsiveness breaks in smaller screen and row goes in second row . but on github page it just get a scroll in the box which remains in a box . what are u suggestions abt that