globocom / todo-list-app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Projeto Prático para Candidatos a Vagas de Front-end Júnior

Bem-vindo(a)!

Este repositório contém um projeto de Lista de Tarefas (Todo List) projetado para ser utilizado em entrevistas técnicas para candidatos a posições junior de desenvolvimento front-end com foco em React. O objetivo deste teste é avaliar as habilidades práticas do candidato em resolver problemas de codificação em um ambiente colaborativo de pair programming.

Objetivos do Teste

Durante a entrevista de 50 minutos, você será solicitado a trabalhar em várias tarefas relacionadas ao código fornecido. A interação é fundamental, e o entrevistador estará presente para guiá-lo através do processo, oferecendo ajuda conforme necessário.

Requisitos

Para executar e trabalhar neste projeto, você precisará ter as seguintes ferramentas e tecnologias instaladas em sua máquina:

  • Node.js 18+: O ambiente de execução JavaScript necessário para executar o projeto. Pode ser baixado e instalado a partir de https://nodejs.org/.
  • Visual Studio Code (VS Code): Recomendamos o uso do VS Code como editor de código para este projeto, devido à sua ampla aceitação e integração com tecnologias de desenvolvimento web. Disponível em https://code.visualstudio.com/.
  • Gerenciador de Pacotes: Yarn, PNPM, ou NPM. Embora o NPM venha instalado com o Node.js, você pode preferir usar Yarn ou PNPM. Escolha o que mais lhe convier para instalar as dependências do projeto.

Tarefas

Aqui estão as tarefas que você será solicitado a realizar.

  1. Domínio de GIT: Clone o projeto e instale as dependências necessárias.
  2. Instalação da Dependência: Resolva quaisquer problemas encontrados ao instalar as dependências.
  3. Estado Local: Crie um estado local usando useState para armazenar os dados das tarefas.
  4. Adicionar Tarefa: Implemente a funcionalidade para adicionar uma nova tarefa à lista.
  5. Validação de Tarefa Vazia: Garanta que não seja possível adicionar uma tarefa vazia à lista.
  6. Validação de Espaços: Evite a adição de tarefas que contenham apenas espaços.
  7. Alternar Estado de Conclusão: Permita que o usuário marque uma tarefa como concluída ou pendente.
  8. Deletar Tarefa: Implemente a funcionalidade para permitir que o usuário delete uma tarefa da lista.
  9. Desabilitar Botão: O botão "Adicionar" deve ser desabilitado caso não haja valor no campo de input.

Setup do Projeto

Antes da entrevista, é recomendável que você configure o ambiente de desenvolvimento em sua máquina. Siga estes passos:


git clone git@github.com:globocom/todo-list-app.git
cd todo-list-app
yarn install

Ferramentas e Tecnologias Utilizadas

  • React
  • Expo
  • React Native Web
  • Git

Dicas

  • Leia atentamente cada tarefa.
  • Faça perguntas sempre que algo não estiver claro.
  • Use a documentação oficial das tecnologias envolvidas como referência.
  • Lembre-se de que o objetivo é avaliar sua capacidade de resolver problemas e sua interação com o entrevistador, não apenas sua capacidade de escrever código.

Boa sorte! Estamos ansiosos para ver suas habilidades em ação.

About

License:MIT License


Languages

Language:TypeScript 95.6%Language:JavaScript 4.4%