Skip to content

AHochworter/study-haul-ui

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Study Haul - Backend Stretch

Screenshot 2023-11-07 at 11 51 52 AM

Deployed Link

Study Haul Deployed App

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.

Contributors:

Adrian Zabolitzki ganuza
Ann Hochworter AHochworter
Jan McSorley jmcsorle

Technologies used to build this app:

JavaScript React React Router

HTML5 CSS3

Express.js Postgres Vercel

cypress GitHub Visual Studio

  • Knex
  • The Paciello Group, Coulour Contrast Analyser for testing color contrast
  • Github Project

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:

Fork and Clone Options in GitHub

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

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

  3. Change directories into the directory your created.

  4. 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.

Preview of App:

Mobile View of the Home Page

Mobile View of Home Page

Mobile View of the Selected Question Page:

Mobile View of the Selected Question Page

Study Haul GIFs

study-haul-01

study-haul-02

study-haul-03

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.

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

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 75.6%
  • CSS 18.2%
  • HTML 6.2%