CRUD com React e PHP

Aplicação web que visa aperfeiçoar meus estudos acerca de integrações entre front-end e back-end, utilizando React na camada front e uma API com PHP puro para realizar operações com o banco de dados MySQL.

Projeto base finalizado 🚀

---

Funcionalidades

• CRUD de produtos com PHP.

• Indicadores de loading para algumas requisições assíncronas.

Teste a aplicação instalando-a na sua máquina

Primeiramente, você vai precisar ter o Node e o NPM instalados na sua máquina (você pode baixá-los aqui) , assim como o Yarn.

• Você pode instalar o yarn da seguinte forma: acesse o terminal do seu Sistema e execute o seguinte comando:

    npm install --global yarn
  

• Após isso você pode verificar se a instalação funcionou, executando

    yarn --version
  

Obs: um erro comum na instalação dessas ferramentas no Windows está relacionado à políticas de segurança do Windows Powershell. Caso enfrente esse erro, você pode ver formas de resolvê-lo aqui

Após isso, clone esse projeto para algum local dentro da pasta do seu servidor local, já que os arquivos PHP se encontram já dentro da pasta "backend"

E então, basta instalar as dependências do projeto utilizando o Yarn da seguinte maneira:

yarn install

Finalizadas as questões do seu front-end, basta agora apenas importar o arquivo .sql presente dentro da pasta "backend" para o seu MySQL

• Após todo o processo de instalação, você pode executar o projeto via localhost utilizando o seguinte comando:

    yarn start
  

Agora, apenas aguarde enquanto o Yarn abre a janela da aplicação para que você possa vê-la funcionando.

🛠 Tecnologias

As ferramentas utilizadas para o desenvolvimento da aplicação foram:

• React com TypeScript

• Styled Components

• React Router Dom para roteamento

• React Modal e React Icons na interface

• PHP com PDO

Autor

---

_{Sérgio Gabriel} 🚀

Twitter