Chat application using CLIENT SERVER MODEL.USED Languages #PHP #AJAX #CSS3 #HTML5 #no-DATABASE RaxChat is open source to understand how to make simple chat application using normal languages like <html, css, js, ajax, php>.
- First download and install XAMPP or WAMP(Any), Its server to use your system as localhost server. You can press start button to verify if it is installed successfully? [Type "localhost" or "127.0.0.1" in your any browser to check whether it is running or not.]
- After installation, go to your installation directory, You can see Htdocs(if you installed XAMPP) or www(if you installed WAMP)
- Download this project as zip to your system and extract it
- Put it in Htdocs or www as mentioned above directory
- Now open control panel (control panel of XAMPP or WAMP), Start APACHE server by clicking button "START"
- Now open your browser(Chrome, Opera, Firefox, Safari, IE), In addressbar enter "localhost/yourproject_name" then press enter, you can see index file will running and asking for "Enter your name:" , Write your name and press ENTER. Main chat screen will be appears
- Now do same in other tab, or other window, or in other browser, enter different name and do procedure as mentioned in step 6
- Hence you can chat using this application with 2 clients or with many people
- You need one laptop or pc and one mobile/tablet (any) to test
- Host file on your hosting directory(htdocs/www), Start server
- Go to cmd, find your laptop's ip address (for example, 192.168.xx.xxx)
- Now Run your application in your browser. Addressbar will be like this... "localhost/projectName"
- Now open your mobile browser, type in addressbar "YourIPAddress/projectName" (i.e. 192.168.xx.xxx/projectname)
- Hence you can see UI for chat application. Start chatting
- When you want to quit, press Exit button
- Another user is able to see that you left conversation
- Go to your Cpanel and find folder or directory or File Manager and open it
- Inside public_ or home_ folder make a subdomain (chat.domainName.com), and upload extracted zip file to it
- Hurray! Its done!
- Now open your browser, type in addressbar "chat.domainName.com"
- You can see chat application in your device as well as globally any devices (Laptop/tablet/mobile... any)