Trinity Place Shelter

Overview

We have been given a design by the General Assembly UX Team including 5 different screens:
Home
Volunteer
Volunteer Form
Donate
Donate Form

The features include full CRUD capabilities for the Volunteer form which will be sent to our backend server and will become accessible in the "Volunteers info page" that we are adding.

Team Expectations

Team Expectations

Whimsical Flow Chart

Flow Chart

Project Board

Project Board ToDo

MVP

Screens

Home
Volunteer
Volunteer Now > Form
Donate > Form
Admin edit/delete
Error

Components

Header/Nav
Footer
Banner
Form
CTA Button
Social
Donors

Functionality/Services

CRUD Implementation

Post MVP

Responsive Design
Phone Size integration
Animation (Video Play on Scroll)
Photo Carousel
Connect "Donate" with Paypal

Schema

const Volunteer = new Schema(
  {
    firstName: { type: String, required: true },
    lastName: { type: String, required: true },
    email: { type: String, required: true },
    phone: { type: String, required: true },
    address: { type: String, required: true },
    secondAddress: { type: String, required: true },
    city: { type: String, required: true },
    state: { type: String, required: true },
    zip: { type: String, required: true }
  },
  { timestamps: true }
)