Progression

View the Progression Website

Project Description

This app is designed to learn skateboarding tricks along with motivating users to continue learning as they get to see others progress through a video log.

API and Data Sample

https://api.airtable.com/v0/

{
"fields": {
"name": "Carving",
"description": "Carving on a skateboard is about flow. You can carve into and out of the corners hips and dips. Gaining speed and flowing all over the place. We call ...",
"timeline": "6 months",
"giph": "https://media.giphy.com/media/ZvTRnER0vGJ4IXbFbr/giphy.gif",
"type": "#Bowl"
}
},
{
"fields": {
"name": "Drop-In",
"description": "A trick with which a skateboarder starts skating a half-pipe by dropping into it from the coping instead of starting from the bottom and pumping gradu...",
"timeline": "3 months",
"giph": "https://thumbs.gfycat.com/GrandBruisedComet-small.gif",
"type": "#Ramp"
}
}

Wireframes

View All

MVP

React:

• working react app
• use React Router
• 6 seperate rendered components
• organized file system
• use either functional or class components
• use Axios to GET/POST data
• use React for DOM manipulation Style:
• style through css, styled coomponents or component library
• use flexbox or grid with CSS Linting:
• appropriate naming conventions with either camelCase or kebab-case in the correct environments
• remove clutter of console.logs and uneccessary comments Deployment:
• deploy via Netlify

PostMVP

• Look at indivual entries after it returns new get request
• filter results of entries

Project Schedule

Day	Deliverable	Status
Oct 8-9	Prompt / Wireframes / Priority Matrix / Timeframes	Complete
Oct 9	Project Approval / Touch files / Implement AuthKey and Base / File Structuring	Complete
Oct 10	Build Components/ Get Requests / Render to DOM	Complete
Oct 11	Make POST requests	Complete
Oct 12	Route/Link Components	Complete
Oct 13	Styling	Complete
Oct 14	Finish MVP	Complete
Oct 14	Update README.md	Complete
Oct 15	Post MVP/ Clean up project	Incomplete
Oct 16	Presentations	Incomplete

Priority Matrix

Timeframes

Component	Priority	Estimated Time	Time Invested
Project setup/README.md	H	3 hrs	8 hrs
Build Components	H	3 hrs	4 hrs
Implementing API Base/Key	H	3 hrs	0.5 hrs
Returning response from initial get request and playing with data	H	3 hrs	1 hrs
Create a POST request	H	3 hrs	1 hrs
Return and render GET request of entries	H	3 hrs	1 hrs
File Structuring	H	1 hrs	1 hrs
Style desktop elements	H	3 hrs	6 hrs
Style tablet elements	H	3 hrs	2 hrs
Style mobile elements	H	3 hrs	6 hrs
Troubleshooting and Research/Learn	H	3 hrs	8 hrs
Total	H	33 hrs	38.5 hrs

Swot

Strengths: All components are examples from lectures making the project manageable. Weaknesses: The project implements video which could cause problems. Opportunities: The project has the potential to have a lot of layers creating a an engaging platform. Threats: The project has to be configured properly so that others can't access the data or manipulate it.

Change Log