/ice-cream-app

Html,Css and JavaScript to React project

Primary LanguageJavaScript

Ice Cream Cream App

The Ice Cream Cream Station is a web application project built with HTML, CSS, and JavaScript(turned it into a react library). It serves as a practice project to enhance my front-end development skills and JavaScript programming. The project focuses on creating a simple application to count the number of people entering an ice cream shop,inspired by a project at the Scrimba.

Table of Contents

About Ice Cream Cream App Project

The Ice Cream Cream App project is designed to provide hands-on practice in building a simple web application using HTML, CSS, and JavaScript(making it a react app). By working on this project, you will gain experience in creating user interfaces, manipulating the Document Object Model (DOM), export and import in React and handling user interactions.

The main objective of this project is to create a counter that keeps track of the number of people entering an ice cream shop. It provides a basic user interface where users can increment or decrement the counter to reflect the number of people entering or leaving the shop.

Project Features

The Ice Cream Cream App project includes the following features:

  • Increment and Decrement: Users can increment or decrement the counter to add or remove people from the count.
  • Save button: The counter has a button that saves in real-time as users interact with the increment and decrement buttons.

These features provide a straightforward and intuitive way to keep track of the number of people entering the ice cream shop.

Getting Started

To get started with The Ice Cream Cream Station project, follow these steps:

  1. Clone or download this repository to your local machine.
  2. You are already in the project folder(run npm start to view the output of the files).
  3. Interact with the increment and decrement buttons to adjust the count.

Feel free to customize and enhance the project as you practice your HTML, CSS, and JavaScript skills(implement it on React). You can modify the styles, add additional functionality, or improve the user interface to suit your preferences.

Contributing

Contributions to Ice Cream Cream App project are accepted as it represents a personal practice project. However, if you have suggestions or find any issues, please feel free to reach out.

License

This project is licensed under the MIT License. Feel free to use and modify the code as needed for your own practice and learning purposes.

You can access the ice-cream-app website below:

https://ice-cream-app.netlify.app/

Happy Coding!