Create index.html

oxeanbits · Dec 15, 2023 · f566645 · f566645
1 parent 5885a98
commit f566645
Showing 1 changed file with 63 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Desafio para vaga de Estágio FrontEnd - Foco em React</title>
+</head>
+
+<body>
+
+    <header>
+        <h1>Desafio para vaga de Estágio FrontEnd - Foco em React</h1>
+    </header>
+
+    <section>
+        <h2>Objetivo do Desafio</h2>
+        <p>O objetivo deste desafio é avaliar suas habilidades no desenvolvimento com o framework React, a sua familiaridade com o uso de hooks, a integração de uma API externa de sua escolha, a implementação de componentes do Kendo UI, a escrita de testes usando Jest e a criação de uma documentação clara.</p>
+    </section>
+
+    <section>
+        <h2>Tarefas</h2>
+        <ol>
+            <li>
+                <h3>Criação de um Projeto de Exemplo</h3>
+                <p>Inicie um novo projeto React. Escolha uma API para consumir dados fictícios (ghiphy, imdb...).</p>
+            </li>
+            <li>
+                <h3>Implementação de uma Tela de Feed integrando com o Kendo UI</h3>
+                <p>Crie uma tela de feed que consuma dados da API escolhida. Estude os componentes do <a
+                        href="https://www.telerik.com/kendo-react-ui/components/grid/" target="_blank">Kendo UI</a>. Integre pelo menos o componente de grid do Kendo UI na aplicação.</p>
+            </li>
+            <li>
+                <h3>Documentação no README</h3>
+                <p>No README.md, descreva as instruções sobre como executar o projeto, configurar variáveis de ambiente e executar os testes.</p>
+            </li>
+        </ol>
+    </section>
+
+    <section>
+        <h2>Observações</h2>
+        <ul>
+            <li>Adote boas práticas de codificação, use comentários só quando extremamente necessário, prefira código mais limpo que dispense comentários para explicar.</li>
+            <li>Ao finalizar, forneça um link para o repositório do GitHub contendo o código-fonte e a documentação.</li>
+        </ul>
+    </section>
+
+    <section>
+        <h2>Pontos Extras</h2>
+        <ul>
+            <li>Implemente testes unitários usando <a href="https://jestjs.io/docs/tutorial-react" target="_blank">Jest</a> para pelo menos uma funcionalidade crítica da aplicação.</li>
+            <li>Faça com que a aplicação seja responsiva.</li>
+        </ul>
+    </section>
+
+    <footer>
+        <p>Boa sorte! Estamos ansiosos para ver o seu trabalho.</p>
+    </footer>
+
+</body>
+
+</html>