Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/antonio2812/styled-components-modal
- Owner: antonio2812
- License: mit
- Created: 2024-09-11T11:49:05.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-11T12:12:14.000Z (2 months ago)
- Last Synced: 2024-10-10T17:22:13.267Z (about 1 month ago)
- Topics: git, github, reactjs, styled-components
- Language: JavaScript
- Homepage: https://styled-components-modal.vercel.app/
- Size: 43.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Styled-Components Modal
Projeto |
Tecnologias |
Como Contribuir |
Autor |
Mostre seu apoio |
Licença
![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.