https://github.com/ojonatasquirino/gradient-generator

Aplicação que gera combinações de cores hexadecimais visualmente e oferece a funcionalidade de copiar os códigos das cores geradas.
https://github.com/ojonatasquirino/gradient-generator

javascript linear-gradient-generator

Last synced: 4 months ago
JSON representation

Aplicação que gera combinações de cores hexadecimais visualmente e oferece a funcionalidade de copiar os códigos das cores geradas.

• Host: GitHub
• URL: https://github.com/ojonatasquirino/gradient-generator
• Owner: ojonatasquirino
• Created: 2024-01-12T22:46:05.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-13T00:32:21.000Z (about 1 year ago)
• Last Synced: 2024-11-18T16:50:43.857Z (6 months ago)
• Topics: javascript, linear-gradient-generator
• Language: JavaScript
• Homepage: https://gradient-generator-ashen.vercel.app
• Size: 11.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 Gradient Generator 


[comment]: <> (Adicione o seu usuário  e o nome do repositório)



  

  

  



# sumário 

- [objetivos](#id01)

- [descrição detalhada](#id01.01)

- [tecnologias utilizadas](#id04)

- [ambiente de codificação](#id05)

- [clonagem e instalação](#id06)

- [deploy e implatação](#id06.01)

- [responsividade](#id06.02)

- [autoria](#id07)

# objetivos 

Criar combinações de cores hexadecimais e visualizar o gradiente gerado em tempo real no fundo da página e oferecer a funcionalidade de copiar os códigos das cores hexadecimais geradas.

# descrição detalhada 

Este projeto é um gerador de gradientes desenvolvido com JavaScript. Com apenas um clique no botão, você pode criar combinações únicas de cores hexadecimais e visualizar o gradiente gerado em tempo real no fundo da página. Além disso, a aplicação oferece a funcionalidade de copiar facilmente as cores hexadecimais geradas para a área de transferência. As notificações visuais, alimentadas pela biblioteca Toastify, fornecem uma experiência intuitiva e interativa para o usuário.

# tecnologias utilizadas 

 


 

[![HTML](https://img.shields.io/badge/HTML-0D1117?style=for-the-badge&logo=html5&logoColor=red)]()

[![CSS](https://img.shields.io/badge/CSS-0D1117?style=for-the-badge&logo=css3&logoColor=1572B6)]()

[![JAVASCRIPT](https://img.shields.io/badge/JavaScript-0D1117?style=for-the-badge&logo=javascript&logoColor=yellow)]()

[![toastify](https://img.shields.io/badge/toastify-0D1117?style=for-the-badge&logo=Databricks&logoColor=fff)]()

[comment]: <> (link para adicionar badges: https://dev.to/envoy_/150-badges-for-github-pnk) 



# ambiente de codificação 

 


![](https://img.shields.io/badge/VSCode-0D1117?style=for-the-badge&logo=visual%20studio%20code&logoColor=blue)

![node](https://img.shields.io/badge/Nodejs-0D1117?style=for-the-badge&logo=node.js&logoColor=green)

![git](https://img.shields.io/badge/GIT-0D1117?style=for-the-badge&logo=git&logoColor=red)

![github](https://img.shields.io/badge/Github-0D1117?style=for-the-badge&logo=github&logoColor=fff)



# clonagem e instalação 

Clone este repositório usando o comando:

```bash

git clone https://github.com/ojonatasquirino/gradient-generator.git

```

# deploy e implatação  

 


[![Interface](https://img.shields.io/badge/visualizar_Gradient_Generator-000?style=for-the-badge&logo=&logoColor=054595)](https://gradient-generator-ashen.vercel.app/)



[comment]: <> (Adicione o link da implatação)

# responsividade  

## desktop 

[comment]: <> (adicione a imagem)

![image](https://github.com/ojonatasquirino/gradient-generator/assets/105068717/ada08293-eb54-490d-aa29-a1511507a591)

# autoria 

[comment]: <> (Adicione seu nome e função)

 @ojonatasquirino • desenvolvedor front-end

 


#

[comment]: <> (Adicione as suas redes sociais e profissionais)



[![Linkedin](https://img.shields.io/badge/LinkedIn-0D1117?style=for-the-badge&logo=linkedin&logoColor=blue)](https://www.linkedin.com/in/jonatasquirino/)



![Gmail](https://img.shields.io/badge/Gmail-0D1117?style=for-the-badge&logo=gmail&logoColor=red)

[![Twitter](https://img.shields.io/badge/Twitter-0D1117?style=for-the-badge&logo=twitter&logoColor=054595)](https://twitter.com/ojonatasquirino)

[![LinkMe](https://img.shields.io/badge/linkMe-0D1117?style=for-the-badge&logo=upcloud&logoColor=orange)](https://bit.ly/linkquirino)

[![TabNews](https://img.shields.io/badge/tabnews-0D1117?style=for-the-badge&logo=Databricks&logoColor=fff)](https://www.tabnews.com.br/ojonatasquirino)

[![github](https://img.shields.io/badge/Github-0D1117?style=for-the-badge&logo=github&logoColor=fff)](https://www.github.com/ojonatasquirino)