Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/antonio2812/styled-components-modal

styled-components-modal
https://github.com/antonio2812/styled-components-modal

git github reactjs styled-components

Last synced: 17 days ago
JSON representation

styled-components-modal

Awesome Lists containing this project

README

        

Styled-Components Modal


Projeto   |   
Tecnologias   |   
Como Contribuir   |   
Autor   |   
Mostre seu apoio   |   
Licença


License


![Captura-de-tela-styled-components-modal](https://github.com/user-attachments/assets/24224f6c-498a-4c50-ba0b-623e0e133fd9)

## 💻 Projeto

Criei um modal interativo usando styled-components com ReactJS para melhorar a experiência do usuário em aplicações web. O modal é acionado ao clicar em um botão que exibe um outro botão que ao pressionar a tecla ESC ele volta para o primeiro botão.

[Visite o projeto online](https://styled-components-modal.vercel.app/)

## ⚡ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- Styled-Components
- ReactJS
- Git e GitHub

## 🤝 Como Contribuir

```bash
# Clone o projeto
$ git clone https://github.com/antonio2812/styled-components-modal.git
````

```bash
# Entrar no diretório
$ cd styled-components-modal
```

```bash
# Instale as dependências utilizando o npm
$ npm install
```

```bash
# Executar
$ npm start
```

```bash
# rodar o projeto
$ npm run web
```

```bash
# rodar o servidor
$ npm run server
```

Ou

```bash
# Instale as dependências utilizando o yarn
$ yarn
```

```bash
# Executar
$ yarn start
```

## 👤 Autor

**Antonio Carlos**

* [Linkedin](https://www.linkedin.com/in/antonio-carlos-de-souza-junior/)
* [Gmail](mailto:[email protected])
* [Instagram](https://www.instagram.com/carlosdesouzajunior.antonio/)
* [Discord](https://discord.com/channels/@me)

## ✨ Mostre seu apoio

Dar uma⭐️se esse projeto te ajudou ou inspirou!

## :memo: Licença

Esse projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.