Personalizar preferências de consentimento

Utilizamos cookies para ajudar você a navegar com eficiência e executar certas funções. Você encontrará informações detalhadas sobre todos os cookies sob cada categoria de consentimento abaixo.

Os cookies que são classificados com a marcação “Necessário” são armazenados em seu navegador, pois são essenciais para possibilitar o uso de funcionalidades básicas do site.... 

Sempre ativo

Os cookies necessários são cruciais para as funções básicas do site e o site não funcionará como pretendido sem eles.

Esses cookies não armazenam nenhum dado pessoalmente identificável.

Sem cookies para exibir.

Cookies funcionais ajudam a executar certas funcionalidades, como compartilhar o conteúdo do site em plataformas de mídia social, coletar feedbacks e outros recursos de terceiros.

Sem cookies para exibir.

Cookies analíticos são usados para entender como os visitantes interagem com o site. Esses cookies ajudam a fornecer informações sobre métricas o número de visitantes, taxa de rejeição, fonte de tráfego, etc.

Sem cookies para exibir.

Os cookies de desempenho são usados para entender e analisar os principais índices de desempenho do site, o que ajuda a oferecer uma melhor experiência do usuário para os visitantes.

Sem cookies para exibir.

Os cookies de anúncios são usados para entregar aos visitantes anúncios personalizados com base nas páginas que visitaram antes e analisar a eficácia da campanha publicitária.

Sem cookies para exibir.

Portfólio

Sistema de Login

Projeto React.js e Node.js

Estou muito empolgado para compartilhar meu mais recente projeto: um sistema de login desenvolvido com React.js e Node.js. Esse trabalho é um marco no meu crescimento em desenvolvimento web full stack, integrando front-end e back-end de maneira eficaz e segura.

O que o sistema oferece?

  • Autenticação de Usuário: Login seguro com interface amigável,
  • Cadastro e Gerenciamento de Usuários: Criação, listagem, edição e exclusão de contas,
  • Banco de Dados: Conexão robusta para armazenamento e manipulação de dados.

Esse projeto foi essencial para consolidar minhas habilidades em tecnologias modernas e práticas do desenvolvimento web. Estou à disposição para colaborar em novos projetos com esse foco!

Lançado em: 07 de Novembro de 2024.

Visite o site
Sistema de Login

Telas do Projeto

Clique na foto para ampliar.





Utilizado as

Tecnologias


Ícone do BcryptJS

BcryptJS

Uma biblioteca JavaScript para criptografar senhas com segurança. Ele usa o algoritmo bcrypt, aplicando hashing e um “sal” para proteger senhas contra ataques, tornando-as seguras para armazenamento em bancos de dados.

Compartilhe:

Ícone do Bootstrap

Bootstrap

Um popular framework de design responsivo que permite construir sites rapidamente e com uma aparência consistente em diferentes dispositivos.

Compartilhe:

Ícone do CORS

CORS

O CORS no Node.js permite controlar quais domínios podem acessar a API, garantindo segurança ao restringir o acesso a origens autorizadas.

Compartilhe:

Ícone do CSS

CSS

É a linguagem responsável pela aparência de um site, permitindo a personalização de estilos como cores, fontes e layout, para garantir que a experiência visual seja atraente e consistente.

Compartilhe:

Ícone do Dotenv

Dotenv

É uma biblioteca que carrega variáveis de ambiente de um arquivo .env para o Node.js, facilitando o gerenciamento de configurações sensíveis, como senhas e chaves de API.

Compartilhe:

Ícone do Fastify

Fastify

É um framework web para Node.js focado em alta performance e baixa latência, ideal para criar APIs rápidas e eficientes.

Compartilhe:

Ícone do Git

Git

É um sistema de controle de versão amplamente utilizado, que permite rastrear mudanças no código, colaborar em projetos com eficiência e gerenciar o histórico de desenvolvimento de forma organizada.

Compartilhe:

Ícone do Hostgator

Hostgator

Serviços de hospedagem compartilhada, VPS e dedicada, além de registro de domínio e outras ferramentas para criação e gerenciamento de sites.

Compartilhe:

Ícone do HTML

HTML

É a estrutura básica de um site, permitindo criar e organizar o conteúdo de maneira semântica, como títulos, parágrafos e links, formando a espinha dorsal de todas as páginas na web..

Compartilhe:

Ícone do JavaScript

JavaScript

É a linguagem que traz interatividade aos sites, permitindo ações dinâmicas como animações, formulários interativos e atualizações de conteúdo sem recarregar a página.

Compartilhe:

Ícone do Json Web Token

Json Web Token

O jsonwebtoken é uma biblioteca para gerar e validar tokens JWT, permitindo autenticação segura e sem estado entre cliente e servidor.

Compartilhe:

Ícone do Neon Console

Neon Console

É uma plataforma que oferece banco de dados PostgreSQL gerenciado, proporcionando alta performance, escalabilidade e fácil integração, com gerenciamento através de sua interface no Neon Console.

Ícone do Node.JS

Node.JS

É uma plataforma JavaScript que permite executar código no servidor, ideal para construir aplicações escaláveis e rápidas, como APIs e sistemas em tempo real.

Compartilhe:

Ícone do Photoshop

Photoshop

É um software de edição de imagens poderoso e versátil, usado para criar e ajustar gráficos, fotos e designs com precisão e criatividade profissional.

Compartilhe:

Ícone do PHP

PHP

É uma linguagem de programação server-side amplamente usada para criar sites dinâmicos e interativos, permitindo a integração com bancos de dados e oferecendo flexibilidade para o desenvolvimento de sistemas web completos.

Compartilhe:

Ícone do Postgres

Postgres

O Postgres (ou PostgreSQL) é um banco de dados relacional de alta performance, conhecido por sua robustez e suporte a consultas complexas e integrações avançadas.

Compartilhe:

Ícone do React.js

React.js

React.js é uma biblioteca JavaScript amplamente utilizada para criar interfaces de usuário interativas e dinâmicas em aplicações web.

Compartilhe:

Ícone do Render

Render

É uma plataforma de hospedagem que oferece serviços de backend, permitindo a execução de aplicações Node.js 24 horas por dia, com deploy automático e escalabilidade sem complicação.

Compartilhe:

Ícone do Responsivo

Responsivo

Um design responsivo é aquele que se adapta a diferentes tamanhos de tela, como em smartphones, tabletes e desktops, proporcionando uma melhor experiência ao usuário em qualquer dispositivo.

Compartilhe:

Ícone de orcamento da Geovani Assis
Newsletter

Cadastre-se e receba
informações e ofertas exclusivas

    Logo Whatsapp
    Carregando...