Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
1
Dereje, Elaine
Kingsley
Can You Get Out
21 MARCH 2018
Overview
Interactive quiz to help people sharpen their computer science skills
1
Planning Deliverables
AGENDA
2
Challenges and MVP
3
Future State
Planning
Deliverables
Getting Started...
Planning
Deliverables
User Stories
Walk through the app...
User Stories
Only after answering the questions correctly, will a user be able to move on to the next location.
A user can move around the map, answering different questions as they advance through the quiz
Questions will be computer science related, and at the end winner will be initiated to join WAKANDA!!
Mockups
- Initially wanted to focus on visuals
- Tried working with three.js and Blender
- Ended up using Mapbox and webgl
Mockups
Technologies Used...
Technologies
Used
Back End
Node.js
Mongoose/MongoDB
Express
Heroku
Front End
Mapbox
Ajax
HTML/CSS
Javascript/jQuery
EJS
Our MVP
ERD
Challenges
Demo
The
MVP
Entity
Relationship
Diagram
Initial State
One-to-Many Relationship
Added Questions first then Quiz
Entity
Relationship
Diagram
Final State
Shout-out to Justin, Kay, and especially Steph for all the help!
Challenges
Hiding our keys
Displaying questions on the pop up windows
Validating quiz answers
Challenges
Examples
Interesting bits of code ...
Code
Example 1
Late Additions ...
Nested nav bar . . .
Example 2
Interesting Code ...
Getting the map to "fly" . . .
Example 3
More Interesting Code ...
Displaying the map . . .
On to the
Demo
Can you get out?
Picture the possibilities
Final Stage
Quiz
Landing Page
ACTION PLAN
What's Next?
ACTION
PLAN
1
Finish Styling Second Quiz
2
Add More Questions to Each Stage
3
Track and save user progress