Project Overview

Sportikus

Project Description

"Gear up for Glory."

Welcome to our sportings goods store replete with athletic merchandise, products, and gear for all your professional training, recreational, and fitness needs. We who are about to supply you, salute you!

https://sportikus.herokuapp.com/api/products/

SEI Team: Juan Comacho, Ash Gonzales, Sandy Jacobson, Breeana Johnson, and Emma Nwumeh UXDI Team: Erin DeGrand, Jhlesa Felder, Monica Han, Vincent O'Dowd, Markus Ricardo

API and Data Sample

{
_id: "5f6d115b1fdb08bd36e39832",
name: "Nike Mercurial Superfly 7 Academy MG",
price: "85",
imgURLOne: "https://i.imgur.com/bXno3Pp.png",
imgURLTwo: "https://i.imgur.com/EE7U9Yo.png",
imgURLThree: "https://i.imgur.com/a5yRIkl.png",
description: "Building on the forefoot plate innovation of the 6, the Nike Mercurial Superfly 7 Academy MG Cleat adds a versatile multi-ground plate that provides traction on natural- and artificial-grass surfaces",
detail: "color: yellow",
__v: 0,
createdAt: "2020-09-24T21:36:27.117Z",
updatedAt: "2020-09-24T21:36:27.117Z"
}

Component Hierarchy:

Diagram Tools used: Whimsical

Prototypes

Prototype Prototype Video Walkthrough Tools used: Figma

Team Expectations:

Timeline, Planning, Practices

MVP | Post-MVP

MVP

Create skeleton/structure files for back end and front end.
Back End CRUD: Connect to MongoDB (Atlas and Compass);build functionality and test CRUD in Postman.
Front End CRUD: Render products on Products; create edit and delete functionality in Product Details page; create new product funcitonality in Admin page
CSS for all screens and components.
Reconvene with UX team for any adjustments.
Deployment to Heroku and Netlify.

PostMVP

Additional CSS animations.
Drag and drop feature.

Project Schedule

Day	Deliverable	Status
September 24	Team Expectations / Timeframes / Whimsical / Project Approval / Back and Front End Skeleton	COMPLETE
September 25	Back End CRUD Functionality / Product Rendering on Product Page / Task Delegations	COMPLETE
September 26	Front End CRUD Functionality	COMPLETE
September 27	Front End CRUD Functionality	COMPLETE
September 28	Finalize Merges / Finish Front End CRUD / Utilities (Sorting/Search) / MVP	Incomplete
September 29	Utilities (Sorting/Search) / CSS	Incomplete
September 30	CSS / Post MVP / Last-Minute Alterations	Incomplete
October 1	CSS / Post MVP	Incomplete
October 2	Morning Code Review, Clean-Up and Commenting / Presentations	Incomplete

Timeframes

Component	Priority	Estimated Time	Time Invested	Actual Time
Whimsical Diagram	H	1hr	1hr	1hr
Skeleton Build	H	1.5hrs	1.5hrs	1.5hrs
Connect to MongoDB	H	4hrs	4hrs	4hrs
Back End CRUD	H	5hrs	5hrs	5hrs
Front End CRUD	H	6hrs	6hrs	6hrs
Utilities	H	5hrs	5hrs	5hrs
CSS: Screens	H	6hrs	hrs	hrs
CSS: Components	H	6hrs	hrs	hrs
CSS: Layout	H	2hrs	hrs	hrs
CSS: Flexbox	H	2hrs	hrs	hrs
Deployment To Netlify	H	1hrs	hrs	hrs
Code Review / Clean-Up / Comment	H	3hrs	hrs	hrs
Total	H	42.5hrs	hrs	hrs

Juan321654/sportikus