Code Monkey home page Code Monkey logo

emojional-starter's Introduction

Emojional

FE1 Solo Challenge

Your challenge is to recreate the functionality you see on this site: https://turingschool.github.io/emojional-js/

Here's an example of what it will look like and do:

emojional-giphy

Setup

  • Fork this repository to your GitHub account
  • Clone your version of the repo down to your selected machine
  • Read this README thoroughly, then begin working!

When you open the project in your text editor and the browser, you'll notice that the HTML and CSS have been written - your job is to implement the functionality with JavaScript!

Iteration 0: MVP - one emotion

Only worry about one of the emoji buttons for now.

  • When the user clicks that button, they should see one of the three responses associated with that button.
  • When the user clicks it again, they should see one of the three responses, potentially a different response than previous.
  • The user should not be able to identify a pattern in regards to the order they see the responses.

Iteration 1: All the Feels

Implement the same functionality you did on one button, but on all three buttons now.

Iteration 2: Level Up

As a user, it may be a little confusing if you get the same response twice in a row (you may wonder, did that "work"?). Write your code in a way that doesn't allow a user to get a "random" answer two times a row. You may have noticed that the "example" site linked above does not have this functionality.

Possible Responses

Possible reponses for each emoji are stored in an object in your JavaScript file. Feel free to change or add to this list if you'd like!

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.