Skill {
  id
  name
  about
  stars
}

SkillDetail(id: String) {
  skillName
  Project {
    id
    name
    url
  }
  Course {
    id
    name
    url
  }
}

Modules
--/Components
    app.js (main container)
----/Skills
      Skill.js (list of Cards)
      SkillDetail.js (modal popup)
----/Projects (list of Cards)
      ProjectDetail.js (modal popup)
----/Courses
      Courses.js (list of Cards)
      CourseDetail.js (modal popup)

export default compose(
  graphql(queries.getSkillList(), {
    name: "skills"
  }),
  graphql(queries.getProjectList(), {
    name: "projects"
  }),
  graphql(queries.getCourseList(), {
    name: "courses"
  }),
)(App);