Skip to content

ninapalmadev/miniblog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Miniblog criado para prática de desenvolvimento em React.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published