https://github.com/mchamoudadev/react-with-php

React With Php and Mysql As a Backend
https://github.com/mchamoudadev/react-with-php

bootstrap mysql php react

Last synced: about 1 month ago
JSON representation

React With Php and Mysql As a Backend

• Host: GitHub
• URL: https://github.com/mchamoudadev/react-with-php
• Owner: mchamoudadev
• Created: 2022-06-09T05:12:54.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-06-09T06:22:41.000Z (about 4 years ago)
• Last Synced: 2024-11-08T11:58:11.183Z (over 1 year ago)
• Topics: bootstrap, mysql, php, react
• Language: PHP
• Homepage:
• Size: 5.86 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-with-php

I have tried to connect my react app with php and mysql as a backend which has alot of comminuty.

There is some challenges with this stack for example the Cors  Policy is quite challenging so i have googled and i come up with a solution

if you watched my videos on php apis or enrolled my php for professionals course we have a nice api's that we can communicate smoothly, 

  in this project the we have two reigions

  

  1. Backend 

  2. Frontend

  

  ## backend 

    uses localhost:80

  ## frontend 

    uses localhost:3000

    

   so we have to accept from our backend to process this requests comes from another region.

   

   ## The solution

   

   So i have created new file and called **header.php** basicaly this files has some rules that we can accept the other region so the code is here :

   

   ```php

      header("Access-Control-Allow-Origin: *");

      header("Access-Control-Allow-Methods: PUT, POST, OPTIONS");

      header("Content-Type: application/json; charset=utf8mb4");

      header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");


      header("Content-Type: application/json");

      

      $_POST = json_decode(file_get_contents("php://input"), true);

   ```

   To use this project you need to have a php server , i'm using xampp which gives me mysql out of the box , when you have php and mysql the create new 

   database and call you favorite name and then create a table with four feilds *****id as an autoincrement, title , description and timestamp.*****

   

   _**happy coding**_🔥.