projectunic0rn / pub

Where developers from around the world partner to build and ship software for fun, for learning, or for profit.

Quick start

# Install packages
npm install

# Start development server
npm run dev

# build
npm run build

Documentation

• Contributing Guide
• Attribution Notice

License

Copyright 2019 Project Unicorn

The content of this repository is bound by the following licenses:

• The computer software is licensed under the MIT license.
• The blog articles in the /content directory including their subdirectories thereon are licensed under the Creative Commons Attribution Share Alike 4.0 International (CC BY-SA 4.0) license.

pub's Issues

Next button in single tag pages does not redirect to next page of that tag

Steps:

• Go to a tag page with more that 6 posts, e.g. https://projectunicorn.net/blog/tag/project-unicorn/
• Click on the "Next Page →" button

Expected Result:

• Show the next list of blog posts with that tag

Actual Result:

• Not found page

Coverage reporting unnecessary for several build stages?

The CI will run at least three (3) jobs for a specific build (more depending on the type, i.e. branch, pull_request, etc.):

• npm run typecheck
• npm run lint
• npm test

But if any of them is successful, the will still push a report via the codecov package. This is an example for Job #822.1 which simply runs npm run typecheck:

Notice the part where it says:

==> Scanning for reports

    X Failed to read file at 

It didn't see any report because npm test was not run in this stage.

So, I think this is the reason why we have this:

@roymoran Will coverage reporting still work if we just run the codecov only on the stage that runs npm test?

FoundIT Review

I'll be writing about my thoughts on building FoundIT and what I've learned

Button not being disabled while API call is being made

Implement magic login link page for pub app.

Magic login links are broken on the slack app so members are not able to sign in to the frontend through slack.

Forms, API endpoints, and Validation

• Complete create project form including call the Project endpoint

• Add validation to registration/login, and project creation form

• Add api endpoints to register/login forms.

• create StackExchange account and use key

• make api calls to StackExchange

• add lodash's .debounce

• redirect to projects-gallery after successful form submission ('/projects')

Unable to leave project once joined

Fix sign up page validation

Some OpenGraph title tags are invalid

Example:

• For this page: https://projectunicorn.net/blog/tag/contributing/ , the og:title and twitter:title is "Home" but it should be "Tag: "contributing" - Project Unicorn"

Project can be created multiple times

Leave Project Button not working

Navigation menu for authenticated members

Issue effecting screen sizes at 751px >= screen_width >= 844px

Default blockquote styles not overriden on narrow width devices

Default styles from typography-theme-ocean-beach are not overridden properly making the <blockquote> border color inconsistent with the overall theme of the site.

Loader not correctly centered (on smaller device screens)

Join slack button broken

• Button does not go to slack group

Add functionality for member to send email to project owner.

Make form submission verification and errors happen in real time using js framework; not when just submitted

Contributing guides show incorrect information

There were a lot of changes in the repo ever since we published the contributing guides. Some of those changes caused the information in the guides to be incorrect. It would be nice to update the guides before (or as part of) the next release.

Project create page displays button text as "Sign up" instead of "Create"

Project logo not displaying properly on some browsers

The Project Unicorn logo for some reason does not show the word "project".

Verified on Firefox 66.0.3 and iPhone browser:

Screenshot:

finding the right members for your project

• share how to recruit members to a pu project, through the pu slack team, pu frontend, or from external sources like reddit.

research and potentially implement a microservice architecture

starting a project on pu

rough outline

• starting a project, how?
• What are the guidelines for starting a project.
• defining a clear vision for what you want to build
• pick a launch date and hold yourself accountable, pu will also hold you accountable
• requesting others to join, includes pu or non-pu members. How to invite pu members or non-pu members

git and github in team setting

rough outline -

• what this blog covers and what it doesn't, focus is on git/github in a team environment
• valuable git commands (emphasize git commands important for working as a team)
• using github for code reviews and PRs
• effective git branch strategies with a team

Footer anchor items span full width of their container

Placing the mouse over a blank space to the right of an anchor element inside the <Footer /> would active that anchor element's :hover styles.

Join button on project card not aligned to the bottom of the card

Loader is not correctly centered (on smaller device screens)

Typo on sign in page

Change "Already a memeber? Sign In" -> "Already a member? Sign In"

Styles incorrect on some browsers when viewport width is narrow

Issue is showing in Google Chrome 74.0.3729.131 and Microsoft Edge 44.17763.1.0, but not on latest Firefox stable.

Screenshot of issue on Chrome stable:

Author post number shows incorrect value

Verify by going into a post and clicking the author's name. It will show the list of posts made by the author but the value of number of posts is not correct.

Plain blue banner image for "Project Unicorn UI" blog post gives the impression that the image is still loading

Guide

This tasks requires you to update the banner image for blog post titled "Project Unicorn UI". This post can be found here and it's where you introduce your changes. The choice of image is up to you. It's preferable if you can find an image related to the contents of the blog post. You can get some free stock photos from Pexels, Public domain pictures and the like.

Checklist

• Replace pu-blue.jpg with new image
• Rename pu-blue.jpg (optional)
• Update index.md's frontmatter field (image) if you rename the image (optional)

how a successful project operates

A overview of what a team will most likely do (kinda like a general roadmap),

rough outline

• who is leading the project? (obligations of team lead, how to operate as a lead, where/when to look for help - pu slack)
• clear direction about what you are building, what are you shipping for v1? (product roadmap, core feature list)
• accountability (who is doing what and how will you can keep each other accountable, using tools like github boards, waffle, trello)
• over communicate (includes slack and scheduled teams calls, when you'll be away, ask for help, offer your help)
• maintaining momentum, how to do this effectively.

Update logic to read exception from api response

Update logic to read exception from api response

Example:
If tries to signup with an existing email address. The client should read the server response and display the error message.

LinkedIn does not recognize a shared blog post's Open Graph tags

Clicking the LinkedIn logo on <Share /> component navigates to LinkedIn's sharing page, which contains a preview of the page to be shared. This preview links to the base Project Unicorn URL but not the blog post URL. The title and summary are also that of the base URL's.

This is the preview when sharing https://projectunicorn.net/blog/project-unicorn-ui/:

UPDATE:

LinkedIn needs to scrape the post first before it can show a correct preview. I used this tool to view the post's Open Graph tags that LinkedIn can understand.

UPDATE II:

Searched around and saw that Open Graph description tags are not parsed properly by LinkedIn on a lot of sites, too.

NOTES:

• Still working on making the summary/excerpt show in the preview
• Replace placeholder image on preview (optional)

Mobile menu doesn't close when clicking on a link that navigates to the same page

Menu banner spans the full width of its container

<Menu /> banner item width should only span the width of the banner image.

AuthorMeta does not display the correct author details

I made some changes to gatsby-node.js but I forgot to restart the dev server so I didn't see that it was not working as expected when I was about to push the changes to the master branch.

Build on XD design to add login/registration modal with required fields.

BLOG - Motivware Review

I will be writing a review on developing Motivware and what I have learned.

Implement project creation form

Loader not correctly center (on smaller device screens)

Bug

about project unicorn.

• what is PU?
• what is the purpose of PU?
• what is PU trying to solve?
• What makes PU different from others that's doing similar stuff?
• why should users join PU?
• who is PU's target audience?

Reasons Why I Use Sublime Text

Some ramblings as to why I'm still using Sublime Text

Cards in a row being centered when there are less than 3 cards in the row

Implement login/registration

Build on XD design - add create project page with required fields.

Add API endpoint calls to login/signup page.

design for developers

joining a project on pu

Rough outline

• Start with the pu frontend to review active projects
• Evaluate for fit...ensure you care about the project, otherwise it gets hard to push forward.
• If it's a project actively being developed, checkout their repo. What tech are they using does it match the tech you want to learn or the tech where your skills lie?
• Still unsure of the fit, contact the project lead/creator over slack to ask clarifying questions
• Once you're ready to join, formally join through the frontend and let the lead know you have joined. They will approve your join request.
• No project you're interested in? Consider starting one - link to starting a project blog post.

Project Gallery API Endpoints

• Create project gallery for frontend includes adding API endpoints
• Add API endpoint to get Projects for gallery page, endpoint for joining a project, endpoint for leaving a project.