In order to gain experience with API development and some concepts like interactivity, designing a responsive UI, and so on, i made a PHP chat with a backend based on a PHP API to manage authentication and messages, coupled with a MariaDB database.
On the other hand, the front-end is entirely handled by JavaScript with AJAX requests, and by Bootstrap + Vanilla CSS for the CSS part.
🔐 Login
As you may noticed, the validation is done with AJAX, so it’s dynamic.
💬 Chat
The <form> is directly posted to the API. However, the update and delete fonctionnalities are done in JavaScript with AJAX requests.
⚙️ Settings page
The validation of the entered password is also done with AJAX requests.
📂 Source
The source code and installation instructions are accessible here
You’ll also find a docker-compose file there if you want to test the application locally.