An open API service indexing awesome lists of open source software.

https://github.com/benevanio/loginsystem

Sistema de LOGIN COM REACT JS, MONGODB,EXPRESS
https://github.com/benevanio/loginsystem

authentication cors express html-css-javascript interface json-api jwt-authentication jwt-authentication-flow server system system-programming ui-components user-interface ux-design

Last synced: 4 months ago
JSON representation

Sistema de LOGIN COM REACT JS, MONGODB,EXPRESS

Awesome Lists containing this project

README

          

# Form Login With React And MONGODB

Formulário para login com React Js,JWT e MONGODB.
Este Projeto consiste em um formulário de login com o banco não relacional mongodb, criação de tokens de autenticação com jwt.
Frontend da aplicação construída inteiramente com react JS e CSS.
Backend com NODE JS E MONGODB.

## Referência

- [NODE](https://nodejs.org/en/)
- [React](https://reactjs.org/docs/create-a-new-react-app.html)
- [MongoDB](https://www.mongodb.com/docs/realm/)

## Autores

- [@BeneTesla](https://github.com/benetesla)

## License

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)

## Instalação

Instale Test-Fron-end-VFlows com npm

```bash
git clone https://github.com/benetesla/LoginSYSTEM.git
cd LoginSYSTEM
npm install LoginSYSTEM
npm star
```
InstaleS erver

```bash
git clone https://github.com/benetesla/LoginSYSTEM.git
cd Server
npm install Server
npm run dev
```

## 🔗 Entre em contato comigo através dos seguintes meios:

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://bene-teslav1.vercel.app/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/bene-tesla/)

[![linkedin](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/bene_tesla/)

## Stack utilizada

**Front-end:**
![Javascript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)
![Css](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![REACT](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

**Back-end:** ![NodeJS](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white)
![NPM](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)
![Express](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white)
![MONGODEB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)
## Demonstração

![Captura de Tela (35)](https://user-images.githubusercontent.com/78994881/216841627-bfafb4a3-10aa-43cb-ab68-10cb53aa95bc.png)
![Captura de Tela (36)](https://user-images.githubusercontent.com/78994881/216841629-b22645e1-f26f-47b1-a316-7a7048637722.png)
![Captura de Tela (37)](https://user-images.githubusercontent.com/78994881/216841643-59b73848-2967-44e2-895a-d79757b030b4.png)

## Licença

[MIT](https://choosealicense.com/licenses/mit/)