Giter Site home page Giter Site logo

get-the-mush's Introduction

Mushroom Festival

Use this template to get started.

Learning Objectives

  • In response to a user event, mutate a single object in a state array and display the new state to the user (i.e., complete a todo).
  • Describe the difference between a pure and impure function.

Live Example:

https://alchemycodelab.github.io/web-01-mushroom-festival/

Acceptance Criteria

  • User should see some mushrooms and default friends on load
  • Click on the 'invite' button to create a new (unsatisfied) friend (with a random default name if none is provided) and add them to the page
  • The number of mushrooms should be visible on the table and should update when mushroom state changes.
  • Clicking the forage button should launch an alert telling the user if they found a mushroom. 50% of the time, the user should succeed.
  • On clicking a friend, a mushroom should vanish from the table, and the friend should become more satisfied. Satisfaction level should be visible to the user as different emojis
  • On clicking a friend, if that friend is completely satisfied, they can eat no more mushrooms. Also, if you try to feed a friend and there are no mushrooms, user should get an alert telling them to go forage for another mushroom.

Mushroom Festival

User should be able to . . .
Visit the deployed pages on Netlify, with link in the About section of the Github repo 1
Events
On load, see some mushrooms and default friends on the page 1
The number of mushrooms should be visible on the table and should update when mushroom state changes. 1
On clicking the 'forage' button, launch an alert telling the user if they found a mushroom. 50% of the time, the user should succeed. 2
On clicking a friend, a mushroom should vanish from the table, and the friend should become more satisfied. Satisfaction level should be visible to the user as different emojis 2
On clicking a friend, if that friend is completely satisfied, they can eat no more mushrooms. Also, if you try to feed a friend and there are no mushrooms, user should get an alert telling them to go forage for another mushroom. 1
Click on the 'invite' button to create a new (unsatisfied) friend (with a random default name if none is provided) and add them to the page 2

Stretch goal ideas

It's so easy to imagine new features for games.

  • What if there were not just mushrooms, but also delicious berries?
  • What if you could invite friends AND animals to the festival?
  • What if some friends or animals don't like berries, burt only like mushrooms and vice versa? And if you feed somebody a berry to somebody who doesn't like berries, they get less happy
  • What if friends had favorite animals (i.e., a pet)? And when that animal gets happier, the friend gets happier, and vice versa?
  • What if there were three trees in the forest, and you clicked on one to figure out where a mushroom is (like hide and seek from day 1?)
  • What if some mushrooms were poison and render differently? And you could only feed them to animals who are resistant to that poison?
  • etc etc etc

get-the-mush's People

Contributors

lexus-banton avatar

Watchers

 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.