Hand Me Up

An interactive MERN Multi-Page Project

Description

A clothing re-sale application with a purpose that reduces the stigma of accepting low-cost clothing.

Sellers list their clothing for sale at a rate that just covers shipping. Buyers can shop from a selection of low-cost but trendy and modern clothing. Buyers have the option to make an additional donation to a partner charity of their choice when making a purchase.

Table of Contents

• User Story
• Acceptance Criteria
• Installation
• Usage
• Media
• Deployed Application
• Contributors
• License

User Story

Seller

AS A wearer of modern clothing that is gently used,
I WANT to donate my clothing
SO THAT I can help lower-income families and individuals.

Buyer

AS A lower-earning inidividual or family,
I WANT affordable clothing options that are modern and gently used
SO THAT my family and myself have adequate clothing that fits without the stigma of second-hand or low-quality clothing that will not last.

Seller and Buyer

AS A buyer and seller of used clothing,
I WANT to donate my gently used clothing to people who need affordable options and still be able to shop on the same platform
SO THAT I can help lower-income familiar and individuals, and donate additional funds to support charities.

Acceptance Criteria

• Application uses React for the front-end
• Application has a GraphQL API with a Node.js and Express.js server, and uses queries and mutations for retrieving, adding, updating, and deleting data
• Application uses MongoDB and the Mongoose ODM for the database and protects sensitive API key information on the server
• Application includes user authentication using JWT

Installation

• Clone the directly from the GitHub repository to your local machine
• Run npm i in the command line in the root of the application
• Run the command npm run develop to launch the application

Tools and Required Packages

• React App
• GraphQL
• Node.js
• Express
• MongoDB
• Mongoose ODM
• Chakra UI

Usage

Upcycle and acquire gently-used clothing for a cause.

Media

Figma was used for project UI design and layout.

Deployed Application

Deployed url: Click to access our application on Heroku
Repo url: Click to access our GitHub repo Demo presentation: Slides

Screencapture

Homepage

Products

List an item

My Cart

Contributors

Colleen Maher
Matt McGee
Olivia Elliott
Caren Merz
Alicia McNeil

Authors

The contributing authors are full-stack web developers trained at UNC Chapel Hill.

Colleen Maher | GitHub Profile
Matt McGee | GitHub Profile
Olivia Elliott | GitHub Profile
Caren Merz | GitHub Profile
Alicia McNeil | GitHub Profile

License

MIT License

View here.