Volaxy / Agenda_with_Express_and_MongoDB

A schedule using a basic CRUD, with different screens

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

šŸ“’ 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

O arquivo .env NƃO foi incluido no projeto por questƵes de seguranƧa, no arquivo .env-example, coloque a SUA string de conexĆ£o do seu banco do MongoDB, para o projeto funcionar no seu ambiente.


šŸ§° Ferramentas NecessĆ”rias

  • Visual Studio Code - Editor de cĆ³digo recomendado para rodar a aplicaĆ§Ć£o.
  • NodeJS - Framework JavaScript necessĆ”rio para rodar os comandos de execuĆ§Ć£o do programa.

āš™ ConfiguraƧƵes Iniciais

  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

About

A schedule using a basic CRUD, with different screens


Languages

Language:JavaScript 99.1%Language:EJS 0.9%