From b8d3584034e13b6a86058440a7781bd92dcb6298 Mon Sep 17 00:00:00 2001 From: Gustavo Nogueira <83383362+Gugahnstn@users.noreply.github.com> Date: Mon, 2 Oct 2023 16:24:31 -0300 Subject: [PATCH] Development - Update README; (#12) * feat: adicionando 'search-ip' ao projeto. * feat: adicionando a variavel 'requestQuery'. * feat: Adding a new link to capture the flags of the countries. * feat: Adding the 'requestDomainAndIp' variable and passing it as a parameter to the 'serviceIpApi' function. * feat: adding app.tsx * feat: adding types to SearchMap * feat: modifying types of the Data interface. * feat: adding a Footer to the project. * feat: adding style to the Footer. * style: adding z-index to the 'HeaderComponent' * feat: capitalizing the first letter of 'world connection'. * fix: removing the 'SearchMap' file and adding 'index.tsx'. * style: main style * feat: adding Footer * fix: removing the 'SearchMap' file and adding 'index.tsx'. * yarn.lock * fix: modifying import * yarn-lock * package.json * feat: adding padding and remove paddings * feat: adding 'div' * style: adding ::after * update README * update README --- README.md | 31 ++++++++++++++++++++++++++++-- src/components/CardResult/style.ts | 5 +++++ src/templates/Footer/index.tsx | 2 +- 3 files changed, 35 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 2424681..1197ed2 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,29 @@ -# Ipcats - Pesquisador de Ips e dominios. -VALEU RAPAZIADA!! +# Ipcats - Obtenha informações de um endereço IP e de um domínio. + + +O IPCats é um site dedicado à busca de informações de IPs e domínios. Nosso sistema oferece uma ampla gama de recursos, incluindo uma funcionalidade de pesquisa abrangente e um mapa que indica a localização do provedor do IP ou domínio em questão. + +Para construir esta aplicação, utilizamos a biblioteca React, uma ferramenta poderosíssima para a criação de interfaces. Neste projeto, utilizamos a API do [my-ip-address](https://my-ip-address.bohr.io/api) em conjunto com uma proxy da API [IP-API](https://ip-api.com/). Além disso, Foi utilizado o [Mapbox](https://www.mapbox.com/) para o mapa do site. + +Nossa missão é fornecer uma plataforma confiável e fácil de usar para aqueles que desejam acessar informações relacionadas a IPs e domínios, e continuamos a aprimorar e expandir nossos recursos para melhor atender às necessidades dos nossos usuários. + +Caso queira testar o projeto em sua máquina, utilize os seguinte comandos no terminal: + +```sh +npm install ou yarn install +``` + +Ambiente de Desenvolvimento: +```sh +npm run dev ou yarn dev +``` + +Para construir os arquivos do Projeto: +```sh +npm run build ou yarn build +``` + +Para Iniciar o Projeto: +```sh +npm run start ou yarn start +``` diff --git a/src/components/CardResult/style.ts b/src/components/CardResult/style.ts index b9a6aa8..b939402 100644 --- a/src/components/CardResult/style.ts +++ b/src/components/CardResult/style.ts @@ -47,5 +47,10 @@ export const CardPhrase = styled.p` color: ${theme.colors.result}; text-align: center; font-weight: 700; + + ::after { + content: attr(data-text); + font-size: calc(${theme.font.sizes.text_lg} - 0.1rem * (attr(data-text) - 10)); + } `} `; diff --git a/src/templates/Footer/index.tsx b/src/templates/Footer/index.tsx index a553970..2d1fa1c 100644 --- a/src/templates/Footer/index.tsx +++ b/src/templates/Footer/index.tsx @@ -25,4 +25,4 @@ const Footer = () => { ) } -export default Footer +export default Footer; \ No newline at end of file