docs(github): 📝 adds previews and updates dev stack info

README.md

@@ -12,11 +12,45 @@ Coffee Delivery é uma aplicação web para gerenciar um carrinho de compras de
 
 ### Desktop:
 
-_Disponiveis após o deploy_.
+#### Home:
+
+![](./previews/home-desktop-preview-1-pt.png)
+
+#### Checkout:
+
+![](./previews/checkout-desktop-preview-1-pt.png)
+
+#### Success:
+
+![](./previews/success-desktop-1-pt.png)
+
+### Tablet:
+
+#### Home:
+
+![](./previews/home-tablet-preview-1-pt.png)
+
+#### Checkout:
+
+![](./previews/checkout-tablet-preview-1-pt.png)
+
+#### Success:
+
+![](./previews/success-tablet-1-pt.png)
 
 ### Mobile:
 
-_Disponíveis após o deploy_.
+#### Home:
+
+![](./previews/home-mobile-preview-1-pt.png)
+
+#### Checkout:
+
+![](./previews/checkout-mobile-preview-1-pt.png)
+
+#### Success:
+
+![](./previews/success-mobile-1-pt.png)
 
 ## Uso
 
@@ -35,16 +69,17 @@ O foco aqui é o aprendizado no uso da Context API do React e dos conceitos de i
 - React;
 - React Router Dom;
 - Tailwind CSS;
+- tailwind-variants;
 - TypeScript;
 - react-i18next;
 - i18next;
-- i18next-http-backend;
-- i18next-browser-languagedetector;
+- react-helmet-async;
 - Commitlint;
 - Husky;
 - Prettier;
 - ESLint;
 - Vite;
+- @phosphor-icons/react;
 
 Além de configuração personalizadas para o ESLint e o plugins utilizados na checagem e formatação do código.
 

README_EN.MD

@@ -12,11 +12,45 @@ Coffee Delivery is a web application for managing a shopping cart for a fictitio
 
 ### Desktop:
 
-_Available after deployment_.
+#### Home:
+
+![](./previews/home-desktop-preview-1-en.png)
+
+#### Checkout:
+
+![](./previews/checkout-desktop-preview-1-en.png)
+
+#### Success:
+
+![](./previews/success-desktop-1-en.png)
+
+### Tablet:
+
+#### Home:
+
+![](./previews/home-tablet-preview-1-en.png)
+
+#### Checkout:
+
+![](./previews/checkout-tablet-preview-1-en.png)
+
+#### Success:
+
+![](./previews/success-tablet-1-en.png)
 
 ### Mobile:
 
-_Available after deployment_.
+#### Home:
+
+![](./previews/home-mobile-preview-1-en.png)
+
+#### Checkout:
+
+![](./previews/checkout-mobile-preview-1-en.png)
+
+#### Success:
+
+![](./previews/success-mobile-1-en.png)
 
 ## Usage
 
@@ -35,14 +69,17 @@ The focus here is learning in the use of React's Context API and the concepts of
 - React;
 - React Router Dom;
 - Tailwind CSS;
+- tailwind-variants;
 - TypeScript;
 - react-i18next;
 - i18next;
+- react-helmet-async;
 - Commitlint;
 - Husky;
 - Prettier;
 - ESLint;
 - Vite;
+- @phosphor-icons/react;
 
 In addition to custom settings for ESLint and the plugins used in code checking and formatting.