Git Product home page Git Product logo

would-you-rather's Introduction

Project Overview

Would You Rather?

W-Y-R Link

Project Description

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.

Wireframes

Desktop Play Desktop Results

Tablet Play Tablet Results

Smartphone Play Smartphone Results

Component Hierarchy

Find Here

API and Data Sample

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"
}

MVP/PostMVP

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.

MVP

  • 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

PostMVP

  • 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

Project Schedule

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

Timeframes

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

SWOT Analysis

Strengths:

I feel confident in my understanding of concepts and styling , although I haven't applied logic to a game yet.

Weaknesses:

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.

Opportunities:

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.

Threats:

How to populate comment feed only specifc to that question.

would-you-rather's People

Contributors

rararamberg avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.