The color-button projectis a web application developed in React that consists of a button and a checkbox. The button allows users to toggle between two colors, Medium Violet Red and Midnight Blue, and the checkbox can disable and enable the button.
The main purpose of this app is to showcase a basic functionality in React with Jest and Testing Library tests.
🎨 Switch between two colors at the click of a button
🔛 Deactivate and reactivate the button via checkbox
🧪 Project focused on Jest and Testing Library tests
color-button.mp4
The following tools were used to build the project:
* See the package.json file
Before you begin, ensure that you have the following tools installed on your machine: Git, Node.js. It's also good to have an editor to work with the code, such as VSCode.
- Clone the repository:
git clone https://github.com/guipmdev/color-button/- Change to the project directory:
cd color-button- Install the dependencies:
npm install- Start the web application:
npm run start- Access https://localhost:3000/ to view the application
npm run testThis project is licensed under the terms of the MIT license. See the
LICENSE file for additional info.
- Many thanks to Bonnie Schulkin for the layout and tips when putting this project together
Made with 💙 by @guipm.dev - Feel free to contact me!