Corelab Web Challenge

This repository contains the frontend of the Corelab Web challenge

Corelab WEB Challenge

Abaixo segue algumas decisões que tomei e funcionalidades da WEB.

Link do repositorio de front end

  • https://github.com/matheusnff85/corelab-web-challenge

Link abaixo para o vídeo demonstrando e explicando sobre o app

  • https://www.youtube.com/watch?v=cSbDV5AMkCE

Stacks utilizadas

  • Next.js: Framework React para desenvolvimento de aplicações web com renderização do lado do servidor e geração de sites estáticos.
  • TypeScript: Linguagem de programação baseada em JavaScript com tipagem estática.
  • React: Biblioteca JavaScript para construção de interfaces de usuário.
  • Axios: Biblioteca para fazer requisições HTTP em JavaScript.
  • Zustand: Biblioteca de gerenciamento de estado para aplicações React.
  • ESLint: Ferramenta de linting para identificar e corrigir problemas de código.
  • Tailwind CSS: Framework CSS utilitário para criar designs responsivos e personalizados.
  • Toastify: Biblioteca para exibir notificações toast em aplicações web.
  • Lucide React: Conjunto de ícones em React com base em Lucide.

Decisões

  • Decidi utilizar o Next.js por ser um framework que ja conheço, extremamente prático e de fácil instalação e configuração.

  • Zustand para geração do estado da aplicação, principalmente para requisições ao backend.

  • Tailwind por ser um framework prático e excelente fornecendo uma responsividade ótima.

  • Já o resto das stacks por questões de praticidade e costume.

  • Comecei o desenvolvimento de cima para baixo ou seja, começando pelo Header e preparando ja para receber funções de filtros, logo apos a criação de uma nova tarefa, e por fim o container onde ficariam as tarefas, sendo uma parte para as favoritas e outra para as comuns.

Rodando localmente

Clone o projeto

  git clone git@github.com:matheusnff85/corelab-web-challenge.git

Entre no diretório do projeto

  cd corelab-web-challenge

Instale as dependências

  npm install

Construa a aplicação

npm run build

Inicie a aplicação (Garanta que o backend está rodando corretamente)

  npm run start

Acesso padrão

  http://localhost:3000/