Skip to content

Front-End de uma galeria pública feita com React + Material UI consumindo API feita com PHP.(2021)

Notifications You must be signed in to change notification settings

Francisco-Fetapi/galeria-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Galeria - Front-End

GitHub stars GitHub license GitHub issues GitHub forks GitHub license

Este projeto foi desenvolvido com React e Material-UI em 2021. Na época eu criei o máximo de projetos possiveis para consolidar os conhecimentos em React e este foi mais um desses projetos. Ele oferta as seguintes funcionalidades:

  1. Upload de imagens.
  2. CRUD de imagens.
  3. Light e Dark mode.

galeria-2

Este projeto consome uma API criada com PHP. Siga os passos para rodar o back-end localmente clicando aqui

Como rodar localmente

O Projeto (apenas o front-end) está hospedado em Galeria - Mesmo na núvem, o projeto consome um back-end local, portanto ele deve ser configurado, siga os passos em Galeria - Back-end para o configurar.
Para acessar localmente em ambiente de desenvolvimento basta realizar as instruções que se seguem:

Pré-Requisitos

Algumas ferramentas são necessárias para rodar o projeto localmente, tais como:

  1. NodeJS
  2. Chrome (ou qualquer outro navegador)

Clonar o repositório

Com o terminal aberto, basta digitar/copiar a linha de código abaixo e clicar ENTER.

git clone https://github.com/Francisco-Fetapi/galeria-react.git

Instalar as dependencias

O projeto necessita de certas dependencias para ser executado, para instalá-las, abra o terminal, navegue até a pasta do projeto clonado no passo anterior e digite/copie a linha de código abaixo e clique ENTER, em seguida, aguarde o preocesso de instalação das ferramentas ser concluido.

npm install

Iniciar o projeto

npm start

Rode a aplicação no modo de desenvolvimento com o comando npm start(executar o comando na raiz do projeto). Abra http://localhost:3000 para visualizar o projeto no navegador.

NOTA1: Este projeto necessita de um back-end configurado localmente para funcionar devidamente, siga os passos para configurar o back-end clicando aqui

NOTA2: O back-end não está hospedado pelas seguintes razões:

  1. O heroku, no modo gratuito tem um limite de projetos, eu já atingi o limite.😅
  2. As outras plataformas similares têm politicas que me impossibilitam aderir ao plano gratuito.(falo sobre ter que colocar os dados bancários ao criar a conta mesmo no plano gratuito, o Microsoft Azure é uma delas🙁)
  3. Plataformas para hospedagem de banco de dados também são outro problema, o próprio heroku e o Microsoft Azure são muito bons para hospedagem de bancos de dados, mas por causa da politica do ponto anterior, não consigo aderir a seus planos. (por enquanto😄)

About

Front-End de uma galeria pública feita com React + Material UI consumindo API feita com PHP.(2021)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published