A simple game of 'Would You Rather?' A player goes through a list of questions and makes a decision on which scenario. Player can view poll results of each question and leave comments in a discussion board. There is a 'How-To' page for app's accessability.
Smartphone Play Smartphone Results
Questions Data Sample
{ "records": [
{
"id": "recYLDvSWBjqQIUuY",
"fields": {
"category": "deep",
"optionA": "go into the past and meet your ancestors",
"optionB": "go into the future and meet your great-great grandchildren",
"voteA": "a",
"voteB": 0
},
"createdTime": "2021-05-06T23:35:14.000Z"
},
{
"id": "rec62uz8XdKAywPum",
"fields": {
"category": "funny",
"optionA": "rather randomly time travel +/- 20 years every time you yawn",
"optionB": "teleport to a different place on earth every time you sneeze",
"voteA": "a",
"voteB": 0
},
"createdTime": "2021-05-06T23:35:14.000Z"
},
{
"id": "recnKZhf5LIqrZ9Ro",
"fields": {
"category": "hard",
"optionA": "never use social media sites/apps again",
"optionB": "never use social media sites/apps again",
"voteA": "a",
"voteB": 0
},
"createdTime": "2021-05-06T23:35:14.000Z"
}
],
"offset": "recnKZhf5LIqrZ9Ro"
}
Comment Data Sample
{
"records": [
{
"id": "recO6MLh71yhvCchj",
"fields": {
"author": "foodie32",
"comment": "I would've labeled this one under gard category as these are my two favorite foods"
},
"createdTime": "2021-05-06T23:37:48.000Z"
},
{
"id": "recvuufn1iCGLMjBl",
"fields": {
"author": "moviegeek007",
"comment": "Easy. I could take a permanent social media break but don't take away my movies"
},
"createdTime": "2021-05-06T23:37:48.000Z"
},
{
"id": "rec0JQ2KcuNhKuejo",
"fields": {
"author": "user456",
"comment": "Allergy season would be a nightmare for me."
},
"createdTime": "2021-05-06T23:37:48.000Z"
}
],
"offset": "rec0JQ2KcuNhKuejo"
}
MVPs are required for app functionality. PostMVPs are additional features that are not required, but will add more visual and interactive elements to my site.
- Links that Route to components: Home, How to, Play, Results
- Get Questions for user to see and Post choices by players to Airtable
- Get and Post comments from Airtable
- Use form to for users to create comments
- Render poll results of questions
- Render comments
- Render comments specifically to questions
- Delete button on comments
- Pie graph from React Bootstrap to show results
- Gif collage themed to question categories
- Swipe left or right to answer questions
- Reach out on slack to collaborate with UX student
This schedule will be used to keep track of your progress throughout the week and align with our expectations. Here's an example.
Day | Deliverable | Status |
---|---|---|
May 6-7 | Prompt / Wireframes / Priority Matrix / Timeframes | Complete |
May 7 | Project Approval | Complete |
May 7 | Core Application Structure: .env, folders, | Complete |
May 7 | Pseudocode | Complete |
May 7 | Skeletal Component structure / Get, Set Data | Complete |
May 8 | Continue Component Structure | Complete |
May 8 | Post | Complete |
May 9 | Cont'd Post | Complete |
May 10 | CSS Components | Complete |
May 11 | MVP | Complete |
May 12 | Deployed MVP | Complete |
May 13 | PMVP and Advanced CSS | Mostly Complete |
May 14 | Presentations | Incomplete |
Component | Priority | Estimated Time | Time Invested | Actual Time |
---|---|---|---|---|
AirTable Setup | H | 1hrs | .5hrs | .5hrs |
Core Application Structure | H | 1.5hrs | 1hrs | 1hrs |
Pseudocode | H | 2.5hrs | 1.5hrs | 1.5hrs |
Nav and Footer | H | 2hrs | .5hrs | .5hrs |
Play and Questions Structure | H | 3hrs | 1hrs | 1hrs |
Results and Comments Structure | H | 3hrs | 1.5hrs | 1.5hrs |
How to Structure | H | 2hrs | .5hrs | .5hrs |
Play Get, Set Data | H | 6hrs | 2hrs | 2hrs |
Results Get, Set Data | H | 6hrs | 2hrs | 2hrs |
Link Route Components | H | 2hrs | 1hrs | 1hrs |
Play Q&A Post: Data Create and Update | H | 5hrs | 3hrs | 3hrs |
Results & CommentPost: Data Create and Update | H | 5hrs | 2.5hrs | 2.5hrs |
Nav and Footer CSS Components | H | 2hrs | .5hrs | .5hrs |
How To Page CSS | H | 2hrs | .5hrs | .5hrs |
Play and Questions CSS | H | 2hrs | 1hrs | 1hrs |
Results CSS | H | 2hrs | 1hrs | 1hrs |
Homepage CSS | H | 2hrs | 1hrs | 1hrs |
PMVP | H | 7hrs | 5hrs | 5hrs |
Advanced CSS | H | 4hrs | 2hrs | 2hrs |
Site Run-Through and Test | H | 1hrs | .5hrs | .5hrs |
Clean Up Code and Comments | H | 1.5hrs | .5hrs | .5hrs |
Total | H | 53.5hrs | 30.5hrs | 30.5hrs |
I feel confident in my understanding of concepts and styling , although I haven't applied logic to a game yet.
CSS can be a worm hole. Need to be mindful of how much time I spend in that area. Moving into this unit project, I'll need to be mindful of my time management.
I've never built a game before besides in homework. This will definitely test and grow my logic in order to add a great piece to portfolio. If I have stay on schedule, i can have time to really play with my PMVPS.
How to populate comment feed only specifc to that question.
would-you-rather's People
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.