elbrewster / vintage-fit

Vintage Fit ✂️

Overview

Many reproductions of older vintage patterns are innaccurate and cause a lot of frustration to those attempting to make a classic fit work. Currently folks get on instagram or reddit and hope they can find notes from others who have successfully attempted to use the new versions so they can save themselves some heartache in the process. This app attempts to centralize this data bu providing a format where users can post their experience with these patterns so it can be shared and implemented by others who want to make the same item.

• Two websites I used for my user demographics: one, two

View App

Deployed App

• visit the app here
• view patterns server

Screenshots

italics describing my screenshot: see how this is on mobile! or see how responsive my layout is! it would be nice to have small gifs of user flows?

---

Setup

Installation Instructions For Front-End

1. Click to open repo
2. Click the "Fork" button. (This will create a user copy of the repository.)
3. Open the Terminal application.
4. In Terminal, use the "cd" command to navigate to where the local repository will live.
5. In GitHub, click on the green "Code' dropdown.
6. You will see three clone options. Select "SSH".
7. Copy the SSH key.
8. In Terminal, run "git clone [insert copied SSH key here]".
9. In Terminal, use the "cd" command to navigate into the newly created directory.
10. Open the local repository in VS Code by typing: code .
11. Type npm run dev in your Terminal to run the Vite app.

Installation Instructions For Back-End

1. Go to this repo and repeat setup 2-10 in front-end installation instructions.
2. In Terminal, type node run server.js.
3. Go to here to view server data.

Learning Goals

• Gain experience with React, Router, Asynchronous JavaScript, and end-to-end testing in Cypress.
• Create user stories to drive the functionality of a React app.
• Display data from an API over multiple views using Router.
• Try to solve a unique problem with your app.

Libraries and Frameworks

Wishlist

• Add a schema for users and ability to POST user inputs to that API.
• Add a schema for pattern notes and functionality for users to POST notes to a third API.
• Stand up Postgres database for ORM tables and seed database with my three APIs.

This app was made by El Brewster! You can find me at: * GitHub * LinkedIn

User Story 1: Jessica Springstein is 47 and lives in Minesota. She is a bank teller. She spends 8 hours a week using this app and has medium-low comfort with mobile technology. She is introverted and her important relationships are with her three cats. She collects cowprint stuff, prefers having a routine. She is tired of the new pattern reproductions having inaccurate seam allowance instructions. She wants to talk to people about her interest in sewing and making these patterns but doesn't want to get caught up in socialization. she just wants to know what people think about the patterns. She is likely to use desktop and tablet views with large font and high contrast.

---

User Story 2: Ash K is 23 and is a student living in Santa Barbara. She might spend 4 hours on the weekend to sew and has high comfortability with technology. She is not introverted nor extroverted but split in the middle. She has many important relationships with other people in her sorroity and loves microbiology. She prefers exploration slightly more than having a strict routine. She wants to do something other than science sometimes and thinks sewing will bring out her creativity and keep her down-to-earth. She wants a big screen up while she uses her small $100 home depo sewing machine on the floor of her dorm room. She is frustrated that "patterns are liars". She feels nervous because she is new to sewing and she doesn't want to commit to a pattern if it's going to be a failure at the get-go. She is likely to use desktop and tablet with large font size and high contrast while she is at her sewing machine.