Group Project: The Iron Yard — Client Week

Day 1-Tuesday

Today we kicked off our client week projects. Our assignment was to create a blog website having to do with our local basketball team, the San Antonio Spurs. We were given specific instructions from a client as to what they wanted and how things should function. Our goal was to create a “home/index page” that displayed past posts, a “create a post page” where visitors can write a new post, and a “post details page” where someone can read an individual/selected post. Also be concise with our branding of the team and color scheme.

We had trouble starting off, or more like we had a slow start. The first thing we did was create the repository on GitHub, then getting our development stack in order with files and configurations. We also were introduced to Trello, which is a project manager. It was very easy to use and definitely something that I could see companies utilizing. We decided on the following dev stack:

HTML — Content

CSS — Styling

NPM — Node Project Manager

React — javascript language

ReactDOM

Jest — TDD (Test Driven Development)

Webpack

Babel

We agreed that getting the html out of way was the best approach. We created a wire frame and began to write code, but It became clear that we would have to adopt a better workflow so that when we brought our work together on GitHub, we wouldn’t run into any problems. So we took a step back and decided to separate our files and make our workflow a bit more detailed based on individual tasks. For example, we originally had 3 html files called:

home.html

create-post.html

detail-post.hrml

we then created 2 more files.

header.html

footer.html

My job was to create the header/nav bar, and this is what I came up with.

We also had only one css file, which we decided to change into 6 different files, to be merged to maybe 2 or 3 at a later point.

Having these files separated made it pretty easy to merge to GitHub because we were all working on different files. It was a good day today. We ended the day well and everyone left with a goal and task to do at home later in the evening. Tomorrow we are going to start the functionality portion of our assignment using React. Ill keep everyone up to date with our progress.

Happy Coding Everyone

LG