AnitaB.org Open Source website has information about our community, including our open source projects, participation in programs, events, and a few contribution guidelines.
Home Page: https://anitab-org.github.io
License: GNU General Public License v3.0
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
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/e86737c2-ff84-4e23-b4b1-e541508d5279-bd34/
spacing and all details
{font style-avenir color style-#103B81 Weight-medium}
6 -7 hours
HAPPY CODING !! 😃
Design should be consistent with other pages in matter of fonts, spacing, colors, corner radius, etc.
As a user,
I need the following section of the mockup to be developed,
so that I can add it as New To Open Source Component here.
(Only the section in the red box to be developed excluding navbar)
Font Size for heading NEW TO OPEN SOURCE: 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
Image Size: width: 352px, height: 562px
3-5 hours
###Description
As a user who doesn't know what this repository is about. So In the readme i can add a little more detail like what this repo is about and if you want to learn more mention all the links
A detailed description in the README.md section.
As a contributor,
I need not see too much details on the README,
instead we can make a fork clone readme and mention it in the main readme and on clicking that readme appears.
Update [Required]
Make a fork and clone readme separately and mention it in the readme
All of the required items are completed.
Approval by 1 mentor.
1 hours
As a new contributor,
I need to know what channels are focused on discussions about this project on Zulip,
so that I can participate in such discussions.
The idea here is to enhance the Contact section on README to include the link to the anitab-org.github.io stream on Zulip.
1 hours
As a developer,
I need the following mock-up to be implemented,
so that I can add as Open-Source Community Component here.
(Only the section in the red box to be developed)
Font Size for heading MEET OUR OPEN SOURCE COMMUNITY: 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
Margin between heading and description: 16pt
Image size: 81px X 81px
horizontal and vertical gutter between two images: 2px
corner radius: 8px
Top margin of the entire image component on page: 1320px
image block size: height:310px ,width:1638px
In src/home_content.json (after famous quote by Einstein-) t is not capital, and knowledge is spelt wrong.
"par": "2) Google Code In \nAnitaB.org has been actively participating in the Google Summer of Code in the years 2014, 2015, 2016, 2017, 2019 and is one of the most successful organizations since the very beginning. Here's what participants shared about their experience with AnitaB.org - \nVatsal Kulshrestha, former GCI 2017 participant in his Medium blog says- AnitaB.org has been a true personification of the famous quote by Einstein- ‘the only source of nowledge is EXPERIENCE’ "
In src/home_content.json, make t of "the" capital (after famous quote of Einstein-) and add "k" for knowledge in the same line as shown in bold below:
"par": "2) Google Code In \nAnitaB.org has been actively participating in the Google Summer of Code in the years 2014, 2015, 2016, 2017, 2019 and is one of the most successful organizations since the very beginning. Here's what participants shared about their experience with AnitaB.org - \nVatsal Kulshrestha, former GCI 2017 participant in his Medium blog says- AnitaB.org has been a true personification of the famous quote by Einstein- ‘**T**he only source of **k**nowledge is EXPERIENCE’ "
Title in web tab says React App
Steps to reproduce the behavior:
React AppTitle in web tab should say AnitaB.org Open Source
As a developer,
I need the following section of mockup to be developed,
so that I can add as First Time Issue Component here.
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
3-5 hours
As a developer I would like to deploy compiled code to master by merging develop branch into master so I could see freshly deployed version under https://anitab-org.github.io
Steps to reproduce the behavior:
I want to merge develop into production so I could see changes on deployed app. If possible ot also can be solved by github actions.
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/
SIZE AND OTHER markings
here is a gif
Font Size for the the heading: 35pt for partners 29pt for various types weight- medium
Font Style- Avenir
Font Color (heading): #010101
Font Color (Body): #103B81
Update [Required]
6-7 hours
This design needs the following UI Tweaks:
Should follow Margin Guidelines
Add a Google Calendar Screenshot for Events Calendar Component
Add a component for Tech Talks
Improvise Events and Highlight section (should have past, current and future event cards organized neatly, is user friendly)
To start contribution to this new project, pre-defined templates for issue and pull request should be present.
As a user,
I need a brief description for each heading of the following marked section
so that as a newcomer I understand the role of each team.
(develop content for section in red box only)
Add descriptions for the following
3-5 days
As a contributor,
I need see relative paths to repository files on the README,
so that I can see them properly on my fork README rendering.
On README the links to LICENSE, CONTRIBUTING.md, etc located within the repo, have absolute links to this organization repo, this causes to within our forks, it is linked to these files in the anitab-org organization files instead of on my fork's files.
1 hours
write the description for the project heading
\
Update [Required]
Definition of Done
Estimation
3 hours
As a developer,
I need a recent programs timeline on Programs Page to be developed.
The timeline should follow the Web Metrics Guide.
Timeline -
Acceptance criteria :
Definition of Done
Estimation
1-3 days
As a user I want to have integrated zulip announcement so I could see most recent on homepage
Implement Zulip API to fetch and display announcements.
Add additional source to zulip.
Key to Zulip must be stored securely. It might be that there will be a need to implement hooks and cron deployments.
We want to have ability to build navigation stacks so we can build mobile versions later.
Integrate React Native Navigation package
Using other packages or implement own navigation stacks
Each menu tab should have own stack so we can go back from nested pages.
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/
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
]
Update [Required]
Definition of Done
Estimation
5-6 hours
As a developer,
I need a short description for the contact us section,
so that I can replace the dummy text field.
2 hours
As a Developer,
I need to have descriptions (our history, our mission. about anitab.org & Meet our open source community),
so that I can place them in About us page following the agreed mockup.
you can check the design here(https://xd.adobe.com/view/34329ed1-3736-4657-767b-203765c85ada-4203/)
Agreed mockup
[3] hours
As a developer,
I need to see contributing guidelines,
so that I can contribute effectively.
1 hour
this design require following UI Tweaks:
As a Developer,
I need to have 4 descriptions (getting started, ways to contribute, our projects, open source programs),
so that I can place them in homepage following the agreed mockup.
getting started short descriptionsways to contribute short descriptionsour projects short descriptionsopen source programs short descriptions[3] hours
As a developer,
I need the following section to be developed,
so that I can add it as an Events component here.
Develop the section in the red box only
Font Size for heading EVENTS: 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
6-8 hours
I can see both package-lock.json and yarn.lock files in the repository.
Steps to reproduce the behavior:
develop branch.package-lock.json and yarn.lock files in the repository.It is a good practice to choose only one of the two lock files, and stick to it in this repository. There is a concern that the dependency trees of both the lock files may go out of sync with each other if both are being committed.
There are limitations in what the yarn.lock file can represent in a few cases of nuanced dependency trees, so including both lock files with/without effort to maintain sync with both lock files is not a recommended practice. Quoting Yarn from a blog post,
We highly recommend you to delete the package-lock.json file if you decide to use yarn in order to avoid future confusion and possible consistency issues.
30 minutes (after deciding what lock file to use)
As a user,
I need the following section of the mockup to be developed,
so that I can add it as Ways To Contribute Component here.
(Only the section in the red box to be developed)
Font Size for headings: 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
Margins given for Code section should be implemented for all other sections too,
3-5 hours
As a user,
I need a brief yet engaging content for the following section,
so that as a newcomer I get a rough idea of open source.
(develop content for section in red box only)
2-3 hours
When the Social media page is opened in the Mobile view, the page isn't responsive.
Steps to reproduce the behavior:
Data should not flow out so that there is no responsiveness issue
Will like to work on this issue
As a user,
I need a brief description for About Our Recent Programs section of the Programs Page
so that as a newcomer I understand each recent program.
The About Our Recent Programs should contain the program title , program description and program eligibility for participants for each program regards the AnitaB.org
Mocks-
Acceptance criteria : the PR must contain the following programs
Definition of Done
Estimation
3 hours
As a contributor,
I need to understand what the project is about,
so that I can contribute to it.
Since it is the first version of the README, it could probably include:
30 mins
As a developer,
I need a welcoming and friendly description for Events,
so that I can replace the default text field in the mock.
6-8 hours
As a developer,
I need to see each project described briefly,
so that I can add them to Projects page following this design.
Added brief descriptions for
3 hours
We need to create issue templates for this repository.
Expected time to complete: 1 hour
All content json should be in content folder and should follow lowercase naming with underscore.
Acepted Criteria:
src/aboutUs.json to src/content/about_us.jsonsrc/homet.json to src/content/home.jsonAs a user,
I need the following footer mock-up to be implemented,
so that I can submit any feedback or query, follow on social media, and contact open source community.
(Only the section in the red box to be developed)
(use footer text for body and small header for footer item titles)
NOTE:
Background color: Rich Black (#101820 )
Button color: Caribbean (#54BCEB)
Text color: white (#FFFFFF)
The margin between text input fields and button in the feedback form is 8pt.
Design Link for Development
Readme file does not tell anything about framework we use
Steps to reproduce the behavior:
It should be clear for developer which framework they should use.
Improve this design
view more to be consistent alignment (left or right)As a developer I want to integrate travis, so PR merge to production branch runs deployment script.
As a User,
I need select menu item,
so that I can see content under specific menu item.
4 hours
As a user,
I need brief yet engaging descriptions for all events displayed in cards and the heading EVENTS and HIGHLIGHTS,
so that I can walk through all of them and participate.
3-5 days
While attempting to create a new pull request, the pull request template does not get preloaded as it does in the other repositories.
Steps to reproduce the behavior:
Pull request template is preloaded when contributor clicks new pull request
As a Developer,
I need to have 4 doodle icons (getting started, ways to contribute, our projects, open source programs),
so that I can place them in homepage following the agreed mockup.
[12] hours
As a contributor getting to run the project for the first time,
I need instructions on how to setup and run it,
so that I can get started with contributing to the project.
This should be added to the README. It would be good to include instructions on how to run tests locally as well.
1 hours
We need to create a PR template for this repository.
Template attached below:
### Description
Include a summary of the change and relevant motivation/context. List any dependencies that are required for this change.
Fixes # [ISSUE]
### Type of Change:
**Delete irrelevant options.**
- Code
- Quality Assurance
- User Interface
- Outreach
- Documentation
**Code/Quality Assurance Only**
- Bug fix (non-breaking change which fixes an issue)
- This change requires a documentation update (software upgrade on readme file)
- New feature (non-breaking change which adds functionality pre-approved by mentors)
### How Has This Been Tested?
Describe the tests you ran to verify your changes. Provide instructions or GIFs so we can reproduce. List any relevant details for your test.
### Checklist:
**Delete irrelevant options.**
- [ ] My PR follows the style guidelines of this project
- [ ] I have performed a self-review of my own code or materials
- [ ] I have commented my code or provided relevant documentation, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [ ] Any dependent changes have been merged
- [ ] I have written Kotlin Docs whenever is applicable
**Code/Quality Assurance Only**
- [ ] My changes generate no new warnings
- [ ] My PR currently breaks something (fix or feature that would cause existing functionality to not work as expected)
- [ ] I have added tests that prove my fix is effective or that my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been published in downstream modules
Expected time to complete: 1 hour
As a developer,
I need the following attached About Us mock-up to be implemented,
so that I can add it as an About Us Component here .
(Only the section in the red box avoid navbar as it is already developed)
NOTE:
The horizontal lines in insights are downloadable assets..kindly go through design development link shared
The horizontal gutter between the lines mentioned above and the description (the one which is left aligned and next to it) is 16pt
The margin between heading and description: 8pt
Font Size for headings: Header Medium(32pt) weight- Medium
Font Style-Avenir
Font Size for the description below including the learn more link: body 18pt weight- Light
Font Color (headings): #103B81
Font Color (Body): #103B81
Font Color (Learn More): #103B81
As a Developer,
I need to add jest test and snapshots,
so that I can see automated tests has passed on PR.
2 hours
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.