Team PigeonBop READme

Our Team consisted of four cool cats

• Bobby
• Dylan
• Henry
• Sylvia

Editor Warz

This repo contains our team project for Week 8 of Founders and Coders - Editor Warz!

Elevator Pitch

• Have you ever wondered who used the 'best' text editor?
• Have you ever wondered who of your colleagues or friends are using out dated text editors?
• Have you ever wanted to tell the world how great your text editor is?
• Would you not like to find out which is collectively better?

Find out on the next episode of DRAGONBALL Z!

...or now

Project Dependencies

• Express
• Express HandleBars
• Body Parser
• Node Postgres
• Env2
• Query-string
• Serve-Favicon

Installation Instructions

1. Go to your terminal and clone this repo - git clone https://github.com/FAC-Sixteen/week8-team-pigeonBot.git
2. cd into the directory on your computer
3. run npm i to install the project dependencies

Testing Instructions

1. Run npm i tape -d to install the Tape testing framework
2. Run npm i tap-spec -d to install the Tap-Spec formatter for Tape
3. Create a config.env file in your root directory
4. Add a TEST_DB_URL to your config.env with a link to a local database. For instructions on setting up a local database, read this guide.
5. Run npm test. Happy testing!

Goals

Stretch Goals

• Bar/pie chart

Our Process

Wireframing

We each drew separate wireframes to show our ideas for the user interface part of the website. We then synthesised these into one cohesive vision.

Creating Database Schema

We chose to use a two table database. There is a one-to-many relationship between the 'editors' and 'users' tables.

We used dbdiagram.io to make our schema and export our build script.

Mini Research Session

We took 30 mins to read and talk about Express, Handlebars, and other tools we needed for our project.

Setting Up The Express App As A Group

We worked together to set up the basic server/router/home route functionality.

Splitting Into Pairs

Henry | Bobby - Create onpageload GET request and database query

Sylvia | Dylan - Create main.hbs, a home.hbs, and partials for the header, footer, form, and 'podium'.

Switching Pairs

Dylan | Bobby - Pass the HTML form GET request through to our Express server

Henry | Sylvia - Create HTML form submission POST request and database query, create 404 and 500 error routes

Switching Pairs Again

Sylvia | Bobby - Write integration tests for server routes

Henry | Dylan -

Challenges We Encountered

• I accidently misspelt const and exports (cont, export) in error.js, the file exporting

What We Learned

Body-parser module = data chunking made easy!

From this...

...to this

You Can't Write The Usual Tests For a 500 Server Error