CodeHerd

Table of Contents

• Overview
• Learning Goals
• Instructions for Viewing
• Walkthrough
• Tech Stack
• Libraries & Other Technology
• Future Features
• Contributors

Overview

Turing students obtain a lot of knowledge about coding and the world of software development during their time here. As we have brought on more knowledge and the projects become more complicated, we've noticed one thing: we don't have a single resource at our finger tips to keep track of all things project related. We spend hours sorting through tabs, looking back into Slack message history, all to find the links and documents necessary for our project. CodeHerd is our solution. CodeHerd is a project management app where Turing students can store all the links to their projects. They can keep track of project collaborators and resources they may use for each individual project. And they can go back in time to view resources they have collected for previous projects. While this original version of CodeHerd is simple in its execution, it holds the promise of becoming a robust application that is the answer to many Turing student needs.

Learning Goals

• Demonstrate working knowledge of functional components with hooks
• Work in conjunction with a backend team to build a full project from the ground up
• Build upon the foundational skills of React
• Utilizes React Router for url navigation
• Utilize graphQL to query and mutate data on the backend
• Testing performed with Cypress to better understand asynch JS

Instructions for Viewing

View the deployed application via Heroku here

Walkthrough

**This app is currently desktop only. It is built with Turing students - who are rarely away from their computers - in mind. **

• A user can authorize GitHub to log in.

Home Page

• A user has a landing page for their profile and projects. Here they can edit their profile information, view past projects, and create a new project.

User Profile

New Project Form

• When a user clicks on the 'View Project' button, they are taken to a project dashboard. This dashboard will always start out empty. Here they can add project collaborators and resources, as well as view some pre-made templates that can be used for PRs and DTRs.

Project Dashboard

Add Collaborators

Project Templates

Tech Stack

React w/ Hooks	React Router	graphQL	Cypress	JavaScript

Libraries & Other Technology

• Query String
• Apollo Client for graphQL

Future Features

• User ability to go to collaborator profile pages
• Additional error handling and redirects
• User ability to upload files
• User ability to create a DTR document within the application that lives in the dashboard
• User ability to edit and delete resources/collaborators

Contributors

Ashton Huxtable	Shawn McMahon
Leigh Cepriano Pulzone	Taija Warbelow	Zach Green

Project Manager:
Brian Zanti

A Mod 4 Capstone Project with Turing School of Software & Design