Border Radius Previewer

Status do Projeto: Concluido ✔️

Tópicos

🔹 Descrição do projeto

🔹 Funcionalidades

🔹 Tecnologias utilizadas

🔹 Imagens da aplicação

🔹 Rodando o projeto

🔹 Colaboradores

📝 Descrição do projeto

Essa é uma aplicação que mostra uma prévia de como ficaria um border radius baseado em valores que o usuário fornece em inputs para a quatro pontas de um elemento. Com esse projeto, foram praticados diversos conceitos do ReactJS, como:

• Estados (State)
• Controlled Components (Componentes Controlados: com inputs)
• Lógica de Programção

📚 Funcionalidades

✔️ Alterar em tempo real a borda Top Left

✔️ Alterar em tempo real a borda Top Right

✔️ Alterar em tempo real a borda Bottom Left

✔️ Alterar em tempo real a borda Bottom Right

🔧 Tecnologias utilizadas

📷 Imagens da aplicação

Deploy da aplicação em https://border-radius-prev.vercel.app

🚀 Rodando o projeto

⚠️ Para rodar o projeto é necessário ter o NodeJS instalado na sua máquina.

1. Clone o repositório, executando o seguinte comando no terminal:

git clone https://github.com/Gian-Lucas/border-radius-previewer.git

2. Navegue até o diretório/pasta do projeto e execute os seguintes comandos:

npm install

npm run dev

3. Abra seu navegador e acesse a url que foi exposta ao executar o comando npm run dev. Muito provavelmente a aplicação estará rodando em http://localhost:3000

🤝 Colaboradores

gian-lucas