codeforafrica / africancommons Goto Github PK

Description

Yarn build error on yarn install

Screenshots

To Reproduce

GIt checkout new branch from develop as the base branch, then issue a yarn or yarn install command to see the error.

Environment Versions

node - v10.11.0
yarnjs - 1.10.0

We've scraped Github for data on Github users in Africa using this code and came up with this map that we should embed into the AfricanCOMMONS page.

<iframe width="100%" height="520" frameborder="0" src="https://codeforafrica.carto.com/viz/af95917a-9455-11e6-b1b0-0ecd1babdde5/embed_map" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

Description

For each item (project/organisation), they could benefit quite a bit with a featured image that would be used in the header of the item page or as a thumbnail in the card. This would then translate well for Open Graph.

Screenshots

[WIP]:
We'd include mockups here. Please share them in comments and we'll update here with selected one.

Files

N/A (for now)

Tasks

• Create mockups of what this would look like.
• Add Featured Image column to Working gSheet.
• Write code to save image to s3.
• Write code to create version with overlay of AfricanCOMMONS logo for social sharing.
• Update project page to display featured image.

Github released all the data on its users and commits on Google Big Query. It could be interesting to use it instead of the Python based scraper we are using here.

Some interesting blog posts on using this data can be found here.

We should add examples to the categories descriptions.

The social sharing button on the civic pattern cards on the homepage don't do anything currently. They should share the specific civic pattern.

Description

To make a better user wall, we should make the avatars smaller and the wall only the width of the screen. It will therefore be a maximum image size and then calculated via JS to fit to the width of the screen.

The next bit would be to randomly change the avatars for an almost "pixel" fade-in / fade-out effect.

Screenshots

Tasks

• Control avatar sizes by JS to fit perfectly on page.
• Random changing of avatars to get pixel effect.
• Random set of avatars when the page loads.

Is it possible to add a documentation on how to get the program up and running. I looked at the issues and realized I can work on some of them but couldn't get the program to run on my local server to see the changes I will be making . Looking further into the code, I realized it's a Ruby project (my guess maybe wrong). I'm not a Ruby guy but most of the issues are Javascript related which I can solve but just couldn't run the program. A doc made available will be very valuable.

Starting with projects, we should add search functionality using Lunr JS by loading the data from CSV into JSON and JS using Papa Parse.

This search functionality will live on the projects and organizations pages for now.

To make for a better social sharing experience, we should add open graph meta tags.

Medium publication will be our main news publishing platform - https://medium.com/AfricanCOMMONS

Description

When we review projects, we should give some more info in the review page probably from the about pages of the projects themselves.

It's a lot of lost real estate..

Screenshots

Files

• Reviews folder

Tasks

• Update all reviews with more content.

Description

Because civicpatterns.org is broken, we should pull the patterns directly from https://github.com/Code-for-All/civicpatterns.org

Screenshots

Files

• https://github.com/Code-for-All/civicpatterns.org

To Reproduce

N/A

Tasks

• Add download task to commons.js
• Add formatting task to commons.js
• Create items and item layouts for the patterns.

A lot of the projects and organisations already use open graph. We should therefore pull these details for the featured images and similar details provided.

The categories are currently listed at the top of the "All Projects" page. We should therefore allow users to filter the projects using these.

Currently the code works as expected when there are no related projects but doesn't work when there are. We should therefore fix this to introduce either a card layout or something similar for these related projects. Perhaps limit output to three.

Currently all the footer links have padding to give space but the first-child should not have padding-left. Or it should be zeroed.

Description

Currently we have the links to add a project or organisation pointed to the working gSheet but it's not a great way to entice people to do so. We should therefore create a page to walk them through adding a project or organisation to the gSheet. Perhaps look at a combination of gSheet embed with search functionality and a Google Form to ping the curators to add to the main gSheet.

Screenshots

[WIP]:
We will update here with screenshots / mockups of what the page should look like. Drop your ideas in the comments to have it included here.

Files

• Working gSheet

Tasks

• Page mockup
• Put the requisite resources together as needed (gForm, page content, et al)
• Write the code

For each project, we should have a project page for it.

This project page will use a default layout (_layouts/project.html) and should be automagically be generated into a projects folder with each pull of the projects sheet from Google Docs.

The file names and permalink for each project should be a slug version of its title. e.g "sourceAFRICA" would become /src/projects/sourceafrica.html and "Hello World" would be /src/projects/hello-world.html.

IDEA: create a python or bash file to do this. This file would live in a /bin folder.

The partners section would come above the footer showcasing logos of the partners:

1. Andela
2. Code for Africa
3. ICFJ
4. World Bank

Description

When a user reloads the homepage, we should show them a different set of patterns. #27 would be needed for this.

Screenshots

Files

• CivicPatterns.org

To Reproduce

Load the homepage more than once.

Tasks

• #27
• Make JS to work with this.

Because a lot of the files currently in src are actually dist files that we push to Github pages, we should rename the folder appropriately.