Skip to content

Latest commit

 

History

History
67 lines (49 loc) · 3.02 KB

README.md

File metadata and controls

67 lines (49 loc) · 3.02 KB

GiftBasket Logo

Elevator Pitch

Progressive Web Application allowing users to create and save different gift ideas for their friends in order to have a list to reference during special moments in those friends lives.

User Stories

  • User always sees or thinks of good gift ideas for their loved ones, but never remember them when it's actually their birthday or a holiday. They use GiftBasket to capture those ideas in the moment to reference later.

Wireframes

Link to Wireframes

  • Landing Page - Create an account / Sign In
  • Home Page - View all the different "baskets" that you've created (A basket is made per person you add to your profile)
  • Create a Basket page - Takes in a name, birthdate, maybe an address and any primary gift ideas
  • View Basket page - See a specific basket and everything in it. Can remove ideas from here, and add gift ideas.
  • Edit Basket - Edit details about the person.
  • User Profile page
  • Edit User Profile page

Proposed Architecture

  • Backend in Express, Sequelize, Postgres
  • I want to use GraphQL and Apollo for my query language
  • Use the Cloudinary API to save photos
  • Frontend in React, TypeScript, with making it a PWA using create-react-app as the base
  • Material UI since I'm making it a PWA

MVP

  • Queries and mutations for GraphQL set up with the backend - Completed
  • Auth using Bcrypt for create account and login - Completed
  • Able to create baskets and add/remove ideas - Completed

Stretch goal:

  • I'd love to create a feed page for sharing gift ideas that everyone can see. - Completed
  • I want to create and integrate a chrome extension to help make it easier to save things to your baskets without having to switch tabs and such.

Screenshots from Project:

Landing Page

Landing Page

About Section

About Section

Basket List

Basket List

Create Basket

Create A Basket

Basket Page

Basket Page

Discover Gifts

Discover Gifts

User's Gift List

User's Gift Page

Moving Forward:

  • Make sure it's mobile friendly, and switch it to a PWS
  • Implement an API such as cloudinary for image uploading
  • Create the chrome extension that will allow users to save ideas without being logged in.

Resources

Tutorial for Graphql and Sequelize

Stock Background Photo - Landing Page