Agenda_with_Express_and_MongoDB

šŸ“’ Projeto Agenda

Projeto feito em Node em conjunto com o Express para a criaĆ§Ć£o de uma agenda de contatos que podem ser adicionados, excluidos, listados e editados.

System overview


šŸ§° Ferramentas NecessĆ”rias


āš™ ConfiguraƧƵes Iniciais

IMPORTANTE! O projeto funciona na versĆ£o v16.20.0 (LTS) do Node, pode ser que em uma versĆ£o diferente o projeto nĆ£o funcione como esperado, neste caso use o NVM para gerenciar as versƵes do Node no seu computador

  1. Depois de clonado este repositĆ³rio, abra um terminal na pasta raiz do projeto e digite o comando:
npm install

ApĆ³s instalada as bibliotecas necessĆ”rias, execute os comandos:

ObservaĆ§Ć£o: Os comandos devem ser executados em terminais diferentes na pasta raiz do projeto

npm run start
npm run dev

A sua saĆ­da deve ser algo parecido com isso:

Output do comando npm run start

Output do comando npm run dev

  1. Abra algum navegador de sua preferĆŖncia, (recomendado usar o Chrome), e navegue para a seguinte URL http://localhost:3000.

A seguinte pƔgina serƔ exibida:

PƔgina Index do projeto


šŸ”„ Como Executar

Ao clicar no link de ā€œRegister contactā€ no canto superior direito, um aviso serĆ” exibido pedindo para fazer login:

Aviso pedindo para efetuar login

Para isso, clique no link de ā€œSign inā€ para realizar ou a criaĆ§Ć£o de uma conta, ou o login de uma conta jĆ” existente.

Depois de logado, um aviso vai aparecer na pƔgina dizendo que o login foi efetuado com sucesso:

Login efetuado com sucesso

Depois, basta registrar os contatos e ir navegando pelo projeto usando as funcionalidades (gifs abaixo):

Criando um Contato

CriaĆ§Ć£o de Contato

Editando um Contato

EdiĆ§Ć£o de Contato

Deletando um Contato

DeleĆ§Ć£o de Contato

Criando uma Conta no Sistema

CriaĆ§Ć£o de Conta

Logout do Sistema

Logout do Sistema