Todo List Angular/ TypeScript

Acompanhe a Produtividade do Projeto

Visão Geral do Tempo Investido

#Sobre o projeto

• visualize como está o andamento do desenvolvimento das páginas aqui

Dependências principais

• Angular 16 – framework do projeto
• @angular/cdk – Angular CDK (drag-and-drop no quadro de tarefas)
• @ng-bootstrap/ng-bootstrap – componentes Bootstrap para Angular
• @auth0/angular-jwt – autenticação JWT

Iniciando o projeto

Rodando pela primeira vez

Pré-requisitos

• Node.js (recomendado LTS) e npm
• Angular CLI (opcional, para usar ng no terminal)
• Ter o Backend rodando na sua máquina

1. Clonar o repositório

git clone https://github.com/Romulo-Queiroz/todoListFront
cd todoListFront

2. Instalar dependências

Na raiz do projeto, execute:

npm install

Se aparecer erro de conflito de dependências (peer dependencies), use:

npm install --legacy-peer-deps

3. Subir a aplicação

npm start

ou, se tiver o Angular CLI instalado:

ng serve

A aplicação ficará disponível em http://localhost:4200/.

4. Backend

O frontend consome a API do backend. Clone e execute o backend antes de usar o projeto:

git clone https://github.com/Romulo-Queiroz/Todo
# Siga as instruções do repositório do backend para subir a API

---

Comandos úteis

Comando	Descrição
npm start	Sobe o servidor de desenvolvimento
npm run build	Gera o build de produção
ng serve	Sobe o servidor (requer Angular CLI)

Aviso

• Verifique se possui uma versão compatível do Angular CLI. Caso precise instalar ou atualizar:

  npm i -g @angular/cli@16

• Em caso de conflitos de dependências, use npm install --legacy-peer-deps.

Autor

@Romulo-Queiroz