This repo is a about a Border-radius Previewer. Apply the amount of pixels in each corner of the box and see it getting rounder or sharper!
I wanted to have have side projects to practice and challenge myself. But... I didn't have any ideas... So I found this App Ideas repo by florinpop17 and gave it try.
The project you see here is the Border-radius Previewer (well, the name was kinda obvious 😅).
For the first version, I decided to do the main features, as described in the following User Stories:
- User can see a box which has a border-radius property applied to it
- User can change the 4 border-radius values that are applied to the box (top-left, top-right, bottom-left, bottom-right)
- User can copy the resulting CSS to the clipboard
- Add checkbox to change multiple border-radius:
- Change all 8 possible values of the border-radius in order to create a complex shape as in this example
- And refactor for a cleaner code.
You can use it by accessing the following link!