Giter VIP home page Giter VIP logo

udacity-cat-clicker-app's Introduction

Cat Clicker App

This app will be built while completing the lessons in Udacity's first unit on front end application developement, Changing Expectations. It is based on Ian Bogost's original online hit game, Cow Clicker

Inspiration

Alma

Alt text

Little-Black

Alt text

Version One Requirements

Visuals

  • The application should display a picture of a cat and a number of clicks.
  • The specifics of the layout do not matter, so style it however you'd like.

Interaction

  • The number of clicks should increment when the cat picture is clicked.

Version Two Requirements

Visuals

  • The application should display two cats. Each cat includes:
    • the cat's name
    • a picture of the cat
    • text showing the number of clicks
  • The specifics of the layout do not matter, so style it however you'd like.

Interaction

The number of clicks should increment when each cat picture is clicked.

For this version, it is strongly recommended that you avoid the most naive of solutions. Don't just hardcode the cat name in the DOM or in the document. Instead, store the name in a JavaScript variable, and then update the document.

Project Requirements for Cat Clicker Premium

Visuals

The application should display

  • a list of at least 5 cats, listed by name
  • an area to display the selected cat

In the cat display area, the following should be displayed

  • the cat's name
  • a picture of the cat
  • text showing the number of clicks

The specifics of the layout do not matter, so style it however you'd like.

Interaction

  • When a cat name is clicked in the list, the cat display area should update to show the data for the selected cat.
  • The number of clicks in the cat area should be unique to each cat, and should increment when the cat's picture is clicked.

udacity-cat-clicker-app's People

Contributors

jamoverjelly avatar

Watchers

James Cloos avatar  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.