Fresh Direct Rebuild

Team Members:

• Scott
• Jenna
• Janis
• Claudy
• Zamel

Overview

Fresh Direct Rebuild is a collaboration with a UX/UI team to build a full stack CRUD application with user authentication. Our team was provided a redesign of certain features from the UX/UI team that were added to structure of the site.

Mock ups

Mobile Home Page

Mobile Nav Bar Page

Mobile Product Detail Page

Mobile Sign In Page

Mobile Product Page

MVP

MOBILE VIEW

HEADER

• Hamburger menu/drop down(nav bar static)
• Cart link/icon (Nav bar)
• Search bar (placeholder)
• Header image/background
• Meals for a good cause message (static)
• It's back stickers

BODY

• Product information (static)
• Cart icons
• “View all” link (static)

DETAILS PAGE

• Counter (functional)
• Carousel

SHOPPING CART PAGE

• Mock up (incomplete functionality)
• Counter
• Products

FOOTER

• Message (static)
• Links (static)
• Social media links (static)

DESKTOP VERSION:

• Media Queries (Not to spec)

Other:

• CRUD and Authentication ability on backend

Project Delivery

https://apollo-fresh-direct.surge.sh/