https://github.com/github4maninder/fancy-buttons

https://github.com/github4maninder/fancy-buttons

Last synced: 11 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/github4maninder/fancy-buttons
• Owner: github4maninder
• Created: 2021-12-07T04:29:14.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-12-08T18:11:17.000Z (about 4 years ago)
• Last Synced: 2025-01-13T23:41:48.552Z (about 1 year ago)
• Language: JavaScript
• Size: 454 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Fancy-Buttons with Create React App

Practices with creating buttons that will change their state when we interact with them.

Each button will have a specific behavior:

The counter button will keep track how many times we click on it. The angry button will change colour to get more red until it reaches a maximum threshold. The light switch button will turn on and off when clicked. The text repeater button will copy the text of the button over and over.

### ScreenShots

#### Front End Layout

!["Front End Layout"](public/doc/fancy-buttons.png)

#### Dark Mode

!["Dark Mode"](public/doc/fancy-buttons-dark-mode.png)

#### Buttons clicked

!["Buttons clicked"](public/doc/fancy-buttons-actions.png)

### Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\

You will also see any lint errors in the console.