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

@@ -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
+```

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));
+    }
   `}
 `;

src/templates/Footer/index.tsx

@@ -25,4 +25,4 @@ const Footer = () => {
   )
 }
 
-export default Footer
+export default Footer;