abass-dev/chat-app

This ChatApp/web application is proposed for beginners in order to learn the back-end and front-end before moving on to a framework or a library.

Chat App

This ChatApp/web application is proposed for beginners in order to learn the back-end and front-end before moving on to a framework or a library.

Required tools

PHP
MySQL
Composer
NodeJs
NPM(Node Package Manager)
Webpack
Sass

Basic Usage

Clone the project: git clone https://github.com/abass-bencheik/chat-app.git
cd chat-app
composer update
yarn build To build asset folder Or build-watch build-watch for building and observing changes. yarn start-sass to build/compile Sass folders yarn start-server to run php local server, then open the flowing address http://localhost:8000 in your browser
First you must configure your database information.
Example of database configuration into .env This file should not be committed, Please consult this file .env.example to better understand how you can configure your database information.

DB_HOST=example-host
DB_USER=example-dbuser
DB_NAME=example-dbname
DB_PASSWORD=example-dbpassword

Become a contributor ?

It's simple, just fork the project and propose us your changes. Thanks in advance 😊

chat-app's Issues

[WebPack] Problem when JS files are compiled!

yarn build OR npx webpack to compile/build the JavaScript file in the public folder
I have a problem with the form validation function, as the function is executed before I submit the form.

[Request AJAX]

I'm trying to make an AJAX/XMLHttpRequest with JavaScript Vanilla.
As you can see, the server is running in the public folder and I need to make this request outside.
I mean in the template folder...
This is an example of my request:
public/build/bundle.js
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
document.querySelector("#appCore").innerHTML = xhr.responseText
}
}
}
xhr.open("GET", "../../template/login.php", true)
xhr.send()

[Database] uses a table does not exist

Langue

Salut ,
Je vous propose d'écrire une langue soit français ou anglais,
dans about on a du french et le readme english