Study Haul - Backend Stretch

Abstract:

Study Haul is a React Application that retrieves data from a custom API, built as part of a Stretch Tech project in module 3 of the Front End program at the Turing School of Software and Design. The API was created using Express, Knex, and PostgreSQL and was seeded with interview questions that were created from class audits in modules 2 and 3 of the Front End program. When the page loads, users are presented with a home screen that lists all questions available in the database. Users can then sort the questions by module 2 or module 3. To answer a question, the user selects the question and the selected question screen in loaded. The user is then able to enter their answer and check it against the correct answer.

Deployed Link

Study Haul Deployed App

Installation Instructions:

Study Haul works in a browser, but if you would like to build your own version, you can clone the repository to your local machine as follows:

1. Go to the Study Haul.

2. Select the "fork" option on the upperright and follow the prompts to save a fork to your GitHub account:

3. Once you have forked the repository, choose the "Code" drop down to copy the SSH key for cloning:

4. Open your preferred command-line interface tool (e.g. Terminal) and create a directory where you would like to clone the repository.

5. Change directories into the directory your created.

6. Without the brackets, type [git clone], type a space, then use Command-v on a Mac, or Control-v on PC/Android to past in the SSH key you copied in step 3.

Technologies used to build this app:

• HTML
• CSS
• JavaScript
• React JavaScript Library
• Router
• Cypress
• Express
• Knex
• PostgreSQL
• The Paciello Group, Coulour Contrast Analyser for testing color contrast
• Git / Github
• Vercel
• Github Project
• VS Code

Preview of App:

Mobile View of the Home Page

Mobile View of the Selected Question Page:

Study Haul GIFs

Context:

Study Haul, Stretch Project is a front end development project of the Turing School of Software and Design. It is assigned during Module 3 of the program. Students are paired together on teams to complete the requirements for a minimally viable product.

Contributors:

Adrian Zabolitzki ganuza Ann Hochworter AHochworter Jan McSorley jmcsorle

Learning Goals:

The learning goals of this project included:

• Gain competency with Express, Knex, and PostgreSQL fundamentals
• Build a custom API and deploy it on Vercel
• Implement PropTypes and Cypress Testing