Projeto - Bruna Lima

README.md

@@ -1,62 +1,65 @@
-# Teste de desenvolvedor Front-End DestiTech
-​
-A DestiTech é uma plataforma de gestão online para empresas de turismo. Nossos produtos e serviços estão em constante evolução para atender às necessidades do cenário tecnológico em constante mudança. Nosso trabalho é ajudar a otimizar tempo com processo automatizados, conectar-se com clientes e fornecedores, e consequentemente expandir seu negócio no ambiente digital e físico.
-
-​Estamos procurando desenvolvedores front-end para nossa equipe de desenvolvimento no Brasil com conhecimento em HTML, CSS, Javascript, React, TypeScript e NextJS.
-
-​Se você deseja trabalhar ou aprender sobre o React, TypeScript e NextJS sinta-se à vontade para se inscrever!​​
-
-​
-​
-##### Experiencias:
-* HTML, CSS;
-* JavaScript and jQuery;
-* Git;
-* Sass/less;
-* Gulp or Grunt;
-* Responsive web design;
-​
-​
-##### Diferenciais:
-* React;
-* NextJs ou ViteJS
-* TypeScript;
-* SEO;
-* Tailwindcss;
-* Bootstrap;
-​
-​
-#### Instruções:
-De um Fork neste repositório no git e envie-nos uma solicitação pull. Iremos analisá-lo e retornaremos para falar sobre o seu código!
-​
-* Você precisa codificar o layout de acordo com o link da Figma abaixo;
-* Atualize README.md com suas instruções de execução de código;
-* Faça um pull request;
-​
-​
-##### Layout:
-Layout is available in Figma at https://www.figma.com/file/Pe1SCNyCLq38sY01hL558t/Front-End-Test.
-​
-​
-##### Deve ter:
-* HTML, CSS, JavaScript;
-* Responsive;
-* Coding Standards;
-​
-​
-##### Deveria ter:
-* Bootstrap ou Tailwind;
-* SEO;
-* Optimizations;
-​
-​
-##### Bonus
-* Javascript without plugins;
-* Animations;
-* JavaScript module bundler;
-* Accessibility;
-* React e TypeScript;
-​
-​
-
-Dúvidas, fale com a equipe de desenvolvimento it.dev@destitech.com.br;
+# [Teste de desenvolvedor Front-End DestiTech](https://front-end-developer-test-ochre.vercel.app/) 💻🌎
+
+<p>Projeto front-end desenvolvido em React, com a utilização do Bootstrap para construção do layout, para a empresa DestiTech. O objetivo do projeto é criar uma plataforma de gestão online para empresas de turismo, com foco em processos automatizados e otimização de tempo. O desenvolvimento web é uma parte essencial do projeto, e foram utilizadas técnicas avançadas de front-end para construir a aplicação proposta. O resultado é um projeto moderno e funcional que utiliza as mais recentes tecnologias e práticas de desenvolvimento.</p>
+
+
+<p align="center">
+    <img src="https://github.com/brwnalima/front-end-developer-test/blob/main/destinow/public/assets/gif.gif?raw=true" alt="Descrição do GIF">
+</p>
+
+<hr>
+
+### Requisitos para a construção do site:
+
+* HTML, CSS, JavaScript ✅</p> 
+* Responsive ✅</p>
+* Coding Standards ✅</p>
+
+### Aplicações extras:
+
+* Bootstrap ✅</p> 
+* React ✅</p>
+* Animations ✅</p>
+
+### Clone este repositório:
+
+```bash 
+git clone https://github.com/brwnalima/front-end-developer-test
+```
+
+### Acesse o repositório do projeto:
+
+```bash 
+cd destinow
+```
+
+### Baixe as dependências utilizadas na aplicação:
+
+```bash 
+npm install
+```
+
+### Inicie o projeto:
+
+```bash 
+npm run dev
+```
+
+## ⚒️: Ferramentas que utilizadas:
+
+</div>
+
+
+ <div style="display: inline_block" align = "center"><br>
+
+  <img align="center" alt="JavaScript" height="40" width="40" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" />
+  <img align="center" alt="Bruna-Git" height="40" width="40" src="https://git-scm.com/images/logos/downloads/Git-Icon-1788C.png" />
+  <img align="center" alt="Bruna-HTML" height="40" width="40" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" />
+  <img align="center" alt="Bruna-CSS" height="40" width="40" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg"/>
+  <img align="center" alt="Bruna-GitHub" height="40" width="40" src="https://cdn-icons-png.flaticon.com/512/25/25231.png" />
+  <img align="center" alt="Bruna VsCode " height="40" width="40" src="https://cdn.icon-icons.com/icons2/2107/PNG/512/file_type_vscode_icon_130084.png" />
+  <img align="center" alt="Bruna React " height="40" width="45" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/2300px-React-icon.svg.png" />
+  <img align="center" alt="Bruna Bootstrap" height="45" width="45" src="https://obscureproblemsandgotchas.com/wp-content/uploads/2018/06/bootstrap-stack-e1530246058846.png" />
+  <img align="center" alt="Bruna Vite" height="45" width="45" src="https://cdn.worldvectorlogo.com/logos/vitejs.svg" />
+
+</div>

destinow/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

destinow/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="shortcut icon" href="assets/favicon.jpg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Destinow</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>