Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 22 additions & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/recommended",
"plugin:react/recommended"
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module"
},
"plugins": [
"@typescript-eslint",
"react"
],
"rules": {
}
}
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
100 changes: 38 additions & 62 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,62 +1,38 @@
# 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;
# Excursion Site

![demo](https://github.com/brunnogpcosta/front-end-developer-test/assets/49787374/4b58f9ef-0567-4def-a6e9-5d11e43dfb03)


This project is part of a technical evaluation for the junior front-end position.

## Requirements

### Must-Have
- HTML, CSS, JavaScript
- Responsive design
- Coding Standards

### Should-Have
- Tailwind
- SEO (Search Engine Optimization)
- Optimizations for better performance

### Bonus
- JavaScript functionality without external plugins
- Animations to enhance user experience
- JavaScript module bundler for efficient code organization
- Accessibility features for a more inclusive user experience
- Integration with React and TypeScript for modern web development

## Available Scripts

In the project directory, you can run:

### `npm install`

### `npm start`

Runs the app in the development mode.\
Open [[http://localhost:3000](http://localhost:4200/)](http://localhost:3000) to view it in the browser.


Loading