https://github.com/saeedkohansal/live-table-editor-php-js-mysql

A Live Table Editor like Microsoft Excel and Google Sheets From Scratch Using HTML, CSS, Core PHP, Vanilla JavaScript, and MySQL Database, With my Live Table Editor You can edit your data in database directly from an HTML table in Real-Time without any page refresh.
https://github.com/saeedkohansal/live-table-editor-php-js-mysql

backenddeveloper corephp css excel frontenddevelopment fullstack fullstackwebdeveloper fullstackwebdevelopment gilgeekify googlesheets html livedata microsoftexcel mysql php phpcore sql sqlquery vanilla-javascript vanillajs

Last synced: 5 months ago
JSON representation

A Live Table Editor like Microsoft Excel and Google Sheets From Scratch Using HTML, CSS, Core PHP, Vanilla JavaScript, and MySQL Database, With my Live Table Editor You can edit your data in database directly from an HTML table in Real-Time without any page refresh.

• Host: GitHub
• URL: https://github.com/saeedkohansal/live-table-editor-php-js-mysql
• Owner: saeedkohansal
• License: mit
• Created: 2022-10-31T17:59:26.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-07-22T14:05:54.000Z (over 1 year ago)
• Last Synced: 2024-07-22T16:55:44.217Z (over 1 year ago)
• Topics: backenddeveloper, corephp, css, excel, frontenddevelopment, fullstack, fullstackwebdeveloper, fullstackwebdevelopment, gilgeekify, googlesheets, html, livedata, microsoftexcel, mysql, php, phpcore, sql, sqlquery, vanilla-javascript, vanillajs
• Language: PHP
• Homepage: https://youtu.be/BLDUmUHOc_Q
• Size: 574 KB
• Stars: 4
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Live Table Editor PHP JS MySQL

_How To Create Live Table Editor Like Microsoft Excel And Google Sheets From Scratch | PHP-JS-MySQL_

![Thumbnail](https://raw.githubusercontent.com/saeedkohansal/Live-Table-Editor-PHP-JS-MySQL/main/image/Live-Table-Editor-PHP-JS-MySQL.png "Thumbnail")

![Frontend Explain](https://raw.githubusercontent.com/saeedkohansal/Live-Table-Editor-PHP-JS-MySQL/main/image/Frontend-Explain.png "Frontend Explain")

![Backend Explain](https://raw.githubusercontent.com/saeedkohansal/Live-Table-Editor-PHP-JS-MySQL/main/image/Backend-Explain.png "Backend Explain")

Hi Programmers, Welcome to gilgeekify, my name is Saeed Kohansal, and I hope you have a wonderful day, In this video, I will teach you how to create a Live Table Editor like Microsoft Excel and Google Sheets From Scratch Using HTML, CSS, Core PHP, Vanilla JavaScript, and MySQL Database, With my Live Table Editor You can edit your data in database directly from an HTML table in Real-Time without any page refresh, In the Client-Side, I will show you how to use JavaScript Fetch API to make network requests, and in the Server-Side, I'm gonna show you how to create PHP backend REST API to connect with database and handle your requests, It's a video about Full-Stack Web Development and Database. So We're going to connect Front-End To Back-End API. I'm using JSON data and REST architecture, JavaScript Object Notation (JSON) is a lightweight data-interchange format that is readable and easily parsed by machines. JSON is based on a subset of the JavaScript Programming Language. Representative State Transfer (REST) is a client-server architectural style that uses the HTTP protocol in a simple and effective way. Systems that adhere to REST practices are often referred to as RESTful interfaces. RESTful interfaces use the HTTP methods (GET, POST, PUT, DELETE), and so on, that web browsers use to access web pages.

## Video Tutorial [ Creating This Widget From Scratch ]

[https://youtu.be/BLDUmUHOc_Q](https://youtu.be/BLDUmUHOc_Q)

 

## If You Enjoy My Content, Please Support Me 😍🙏

💙 PAYPAL DONATION

https://paypal.me/gilgeekify

❤️ PATREON

https://www.patreon.com/gilgeekify

💛 BUY ME A COFFEE

https://www.buymeacoffee.com/gilgeekify

🪙 My Public Address To Receive BTC • Bitcoin

bc1qerc5ev074cqknu9nz589w4vjf5ecmhuc2df83h

🥈 My Public Address To Receive ETH • Ethereum

0x566A47B9731209A5144336D274D44224bfb9C0ea