Skip to content

Latest commit

 

History

History
64 lines (39 loc) · 3.35 KB

README.md

File metadata and controls

64 lines (39 loc) · 3.35 KB

Miniblog em React e Firebase

localhost_3000_posts_NmgqWRPHrNTxaaGYU2KH (2)

Índice

Descrição do projeto

Este repositório tem como finalidade apresentar um miniblog criado com React e utilizando Firebase como uma solução mais simplificada para autenticação e armazenamento de posts dos usuários da plataforma.

Aqui foi possível trabalhar com states de erro, states de login, validação com autenticação, criação de hooks, rotas dinâmicas, useParams e funcionalidades disponilizadas pelo Firebase.

É o segundo projeto do curso React do Zero a Maestria (c/ hooks, router, API, Projetos) ministrado por Matheus Battisti na plataforma Udemy.

React

O React é a biblioteca mais popular do JavaScript e é usada para construir uma interface de usuário (IU). Ela oferece uma resposta excelente para o usuário adicionar comandos usando um novo método de renderizar sites.

Os componentes dessa ferramenta foram desenvolvidos pelo Facebook. Ela foi lançada em 2013 como uma ferramenta JavaScript de código aberto. Atualmente, ela permanece na frente das suas principais competidoras, como a Angular e a Bootstrap, as duas bibliotecas JavaScript mais bem vendidas.

Firebase

O Firebase foi criado para que o rendimento dos aplicativos aumente, por meio da execução de diferentes tipos de funcionalidades. É possível utilizá-lo nas principais plataformas móveis, como iOS, Android ou na web. Além disso, gera diferentes benefícios que permitem desenvolver de uma forma ágil e efetiva de negócios.

Funcionalidades do projeto

  • Funcionalidade 1: criação de posts
  • Funcionalidade 2: editação e exclusão de posts
  • Funcionalidade 3: visualização, na dashboard, posts criados pelos usuários da plataforma
  • Funcionalidade 4: cadastro e autenticação de usuário

Como executar

É possível visualizar o projeto aqui ou fazer um clone do repositório com o link disponível aqui no GitHub.

No diretório do projeto, use:

npm start

Rodará em modo de desenvolvimento. Abra http://localhost:3000 para vê-lo em seu navegador.

Telas

Login de usuário:

localhost_3000_login

Cadastro de usuário:

localhost_3000_login (1)

Sobre o projeto:

localhost_3000_login (2)

Visualização de post:

localhost_3000_posts_NmgqWRPHrNTxaaGYU2KH