Card-Clicker-Pro

A simple game that explores interaction between user and the DOM using code organization techniques. Objects and their values are manipulated and users click to update the html elements.

Table of Contents

• Interaction
• Installation
• Dependencies

Interaction

• When a cat name is clicked in the list, the cat display area updates to show the data for the selected cat.
• The number of clicks in the cat area are unique to each cat, and increments when the cat's picture is clicked.
• When the admin button is clicked, the admin area appears with the inputs filled in for the currently-selected cat.
• When the cancel button in the admin area is pressed, the admin area disappears.
• When the save button in the admin area is pressed, the currently-selected cat's values update with the values in the admin area, and the admin area disappears.

Installation

To run the application:

1. Download the GitHub zip file or clone the repository onto your local workstation:
   • zip file https://github.com/abbeyseto/Card-Clicker-Pro.zip
   • git clone https://github.com/abbeyseto/Card-Clicker-Pro.git
2. Open a browser window and navigate to the index.html file in your application's directory.

To view live deployment:

• Click on this link [https://abbeyseto.github.io/Card-Clicker-Pro/index.html] (https://abbeyseto.github.io/Card-Clicker-Pro/index.html)

Dependencies

• jQuery jQuery is a fast, small, and feature-rich JavaScript library.
• Handlebars Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

Authors

• Adenle Abiodun - Initial template used - Udacity

For specific ideas on how to improve this Project, contact me on adenleabbey@hotmail.com.

I will value your honest feedback. Thank you!.

Acknowledgments

• Udacity
• Google
• Andela Learning Community (ALC)