Skip to content

This is a project that simulate a webpage that saves and stores users contacts in MongoDB. It uses Javascript, node.js, express, ejs and MongoDB.

Notifications You must be signed in to change notification settings

theo-nejm/contact-list

Repository files navigation

Public agenda - English

  • This application is a very simple crud that registers and logs a user in and allows him to create, read, update and delete any contact.

  • The purpose of this project is just train some backend knowledges with node with express as a backend platform and ejs as a view engine.

  • The purpose of this project  ISN'T  focused on front-end and project's design. It was made with just some bootstrap templates and it don't works in smartphones because of the lib's template.

  • Finally, this project was made in Luiz Otavio's Javascript course, and, reinforcing, it haves the only pourpose of training some backend concepts.

  • It's work's as follows:

When the user enters, he is directed to this page, where all contact of all website users are putted in

If the user tries to crate a new user, in 'Cadastrar contato' button, and he isn't logged in, the program tell's him to register or log-in Program's home page image

When the user clicks in 'enter' button, he is redirected to register page, that allows him to register, if hi don'n have an account, or log-in, if he already have one. Register / login page

Finally, when user logs in, he is redirected to a logged-in page, where he's greeted and now, he haves permission to create, read, update and delete all existing contacts. The program don't work like a personal agenda, it works like a public one. User greeting page

To create or edit contacts, the user is redirected to this page. Create or edit a contact

Public agenda - Português

+ Essa aplicação é um CRUD bastante simples que registra e loga usuários e permite os usuários logados a criar, ler, editar e deletar os contatos já existentes dentro da agenda pública.
  • O propósito do projeto é somente treinar alguns conhecimentos de backend com nodejs, usando o express e o ejs como view engine.

  • O propósito desse projeto  NÃO É  focado no front-end, design, UI ou UX. Ele foi feito somente com alguns templates prontos do Bootstrap - que inclusive eu não tenho um grande conhecimento a respeito. Portanto, ele não vai funcionar em smartphones ou dispositivos que tenham uma resolução vertical.

  • Por fim, esse projeto foi feito durante o curso de Javascript do Luiz Otavio e, reforçando, tem o propósito apenas de treinar alguns conceitos de backend.

  • Agora, sem mais delongas, o projeto funciona da seguinte forma:

Quando o usuário entra no site, ele é direcionado para essa página, onde todos os contatos de todos os usuários do website estão.

Se o usuário tentar criar um novo contato e não estiver logado, o programa indica que ele precisa se registrar ou logar para poder cadastrar novos contatos. Program's home page image

Quando ele clica no botão de entrar, é redirecionado para a página de registro / login, que permite ele criar uma conta, caso ainda não tenha uma, ou fazer login caso já tenha uma conta. Register / login page

Por fim, quando o usuário loga, ele é redirecionado para uma página que o cumprimenta conforme o e-mail cadastrado e, a partir desse momento, ele é permitido de criar, ler, editar ou apagar qualquer que seja o contato que tem na agenda pública. O programa, como pode ser percebido, não funciona como uma agenda pessoal, mas sim como uma agenda pública. User greeting page

Quando o usuário clica em 'Cadastrar contato' ou em 'editar contato' na página inicial - e caso ele estiver logado - ele é imediatamente redirecionado para a seguite página, onde ele pode criar ou editar os contatos, baseado na opção escolhida. Create or edit a contact

About

This is a project that simulate a webpage that saves and stores users contacts in MongoDB. It uses Javascript, node.js, express, ejs and MongoDB.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published