Editing the README and adding message at request error

README.md

@@ -1,5 +1,5 @@
 <div align="center" id="top"> 
-  <img src="./.github/app.gif" alt="Domínio BR" />
+  <img src="./.github/logo.png" alt="Domínio BR" />
 
 &#xa0;
 
@@ -9,29 +9,21 @@
 <h1 align="center">Domínio BR</h1>
 
 <p align="center">
-  <img alt="Github top language" src="https://img.shields.io/github/languages/top/miguelrisquelme/fipe-search?color=56BEB8">
+  <img alt="Github top language" src="https://img.shields.io/github/languages/top/miguelrisquelme/domain.br?color=56BEB8">
 
-  <img alt="Github language count" src="https://img.shields.io/github/languages/count/miguelrisquelme/fipe-search?color=56BEB8">
+  <img alt="Github language count" src="https://img.shields.io/github/languages/count/miguelrisquelme/domain.br?color=56BEB8">
 
-  <img alt="Repository size" src="https://img.shields.io/github/repo-size/miguelrisquelme/fipe-search?color=56BEB8">
+  <img alt="Repository size" src="https://img.shields.io/github/repo-size/miguelrisquelme/domain.br?color=56BEB8">
 
-  <img alt="License" src="https://img.shields.io/github/license/miguelrisquelme/fipe-search?color=56BEB8">
+  <img alt="License" src="https://img.shields.io/github/license/miguelrisquelme/domain.br?color=56BEB8">
 
-  <!-- <img alt="Github issues" src="https://img.shields.io/github/issues/miguelrisquelme/fipe-search?color=56BEB8" /> -->
+  <img alt="Github issues" src="https://img.shields.io/github/issues/miguelrisquelme/domain.br?color=56BEB8" />
 
-  <!-- <img alt="Github forks" src="https://img.shields.io/github/forks/miguelrisquelme/fipe-search?color=56BEB8" /> -->
+  <img alt="Github forks" src="https://img.shields.io/github/forks/miguelrisquelme/domain.br?color=56BEB8" />
 
-  <!-- <img alt="Github stars" src="https://img.shields.io/github/stars/miguelrisquelme/fipe-search?color=56BEB8" /> -->
+  <img alt="Github stars" src="https://img.shields.io/github/stars/miguelrisquelme/domain.br?color=56BEB8" />
 </p>
 
-<!-- Status -->
-
-<!-- <h4 align="center">
-	🚧  Domínio BR 🚀 Under construction...  🚧
-</h4>
-
-<hr> -->
-
 <p align="center">
   <a href="#dart-about">About</a> &#xa0; | &#xa0; 
   <a href="#sparkles-features">Features</a> &#xa0; | &#xa0;
@@ -46,36 +38,37 @@
 
 ## :dart: About
 
-Describe your project
+Domain.br is a project created to use the API of the incredible Brasil API project, where the endpoint used was from Regristo BR, so in this application you can check if the searched domain is available and access the page to buy it. In addition, the application gives suggestions for other domains if the searched one is already in use. There is also great error handling so that there is no performance wear making unnecessary requests.
 
 ## :sparkles: Features
 
-:heavy_check_mark: Feature 1;\
-:heavy_check_mark: Feature 2;\
-:heavy_check_mark: Feature 3;
+:heavy_check_mark: Error handling\
+:heavy_check_mark: Asynchronous request;\
+:heavy_check_mark: Static page;\
+:heavy_check_mark: Layout 100% tailwindcss;
 
 ## :rocket: Technologies
 
 The following tools were used in this project:
 
-- [Expo](https://expo.io/)
-- [Node.js](https://nodejs.org/en/)
-- [React](https://pt-br.reactjs.org/)
-- [React Native](https://reactnative.dev/)
+- [Next.js](https://nextjs.org/)
+- [Tailwindcss](https://tailwindcss.com/)
+- [React](https://reactjs.org/)
+- [Axios](https://axios-http.com/)
 - [TypeScript](https://www.typescriptlang.org/)
 
 ## :white_check_mark: Requirements
 
-Before starting :checkered_flag:, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.
+Before starting :checkered_flag:, you need to have [Git](https://git-scm.com), [Node](https://nodejs.org/en/) and [Yarn](https://yarnpkg.com/) installed.
 
 ## :checkered_flag: Starting
 
 ```bash
 # Clone this project
-$ git clone https://github.com/miguelrisquelme/fipe-search
+$ git clone https://github.com/miguelrisquelme/domain.br
 
 # Access
-$ cd fipe-search
+$ cd domain.br
 
 # Install dependencies
 $ yarn
@@ -86,16 +79,8 @@ $ yarn start
 # The server will initialize in the <http://localhost:3000>
 ```
 
-## :memo: License
-
-This project is under license from MIT. For more details, see the [LICENSE](LICENSE.md) file.
-
-Made with :heart: by <a href="https://github.com/miguelrisquelme" target="_blank">{{YOUR_NAME}}</a>
+Made with :heart: by <a href="https://github.com/miguelrisquelme" target="_blank">Miguel Riquelme</a>
 
 &#xa0;
 
 <a href="#top">Back to top</a>
-
-- Quando não tem o domínio
-- Quando digitou errado e dá erro
-- Quando tem o domínio

contents/Home/useFetchDomain.ts

@@ -24,7 +24,14 @@ const useFetchDomain = () => {
     await api
       .get(`/registrobr/v1/${domainSearched}`)
       .then((response) => setDomain(response.data))
-      .catch((error) => console.log(error));
+      .catch(
+        (error) =>
+          error &&
+          setDomainError({
+            message:
+              "Ocorreu um erro durante a requisição dos seus dados ao servidor. Por favor tente novamente!",
+          })
+      );
 
     setDomainLoading(false);
   }, []);