Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/projectsandprograms/webchatapp
A web based chat application created in java using Servlet, JSP, MySQL, CSS, JavaScript.
https://github.com/projectsandprograms/webchatapp
chatapp css eclipse html java javachatapp js jsp jsp-servlet mysql servlet tomcat-server webchat webchatapp
Last synced: 5 days ago
JSON representation
A web based chat application created in java using Servlet, JSP, MySQL, CSS, JavaScript.
- Host: GitHub
- URL: https://github.com/projectsandprograms/webchatapp
- Owner: ProjectsAndPrograms
- Created: 2023-11-07T00:12:42.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-01T03:00:07.000Z (5 months ago)
- Last Synced: 2024-07-05T14:58:28.285Z (4 months ago)
- Topics: chatapp, css, eclipse, html, java, javachatapp, js, jsp, jsp-servlet, mysql, servlet, tomcat-server, webchat, webchatapp
- Language: Java
- Homepage:
- Size: 2.93 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WebChatApplication
A web based chat application created in java using Servlet, JSP, MySQL, CSS, JavaScript. It need atleast Apache Tomcat 10 web server to run.
You can chat with your friends if you deploy this. Otherwise you can use a remote database, once you add tables on database you can simply distibute this application with your friends by using war files.
## Technologies Used
1. Servlet
2. JSP
3. HTML, CSS, JavaScript
4. MySQL
5. Apache Tomcat-10 web server
6. Created in Eclipse Enterprise Edition IDE
## Screenshots
## How to Use ?
To run this application you need to set up this project on your Eclipse EE IDE here is how to do that :
Step-1 : After downloading, you have to keep this project on your workspace. Check your workspace from Eclipse also your can change your workspace by
file->SwitchWorkspace->Other
and choose your workspace.
Stop-2 : Download web development tools in your Eclipse IDE.
Go to Help->Eclipse Marketplace->on search tab you can search for tools search 'web' on search area and download the tool
suggested one is : Eclipse Enterprise Java and web developer tools 3.31
Or you can download anyone who supports servlet, jsp, and others mentioned above.
Step-3 : Download Apache tomcat server make sure you use tomcat 10 and above. You can download this form official website [tomcat.apache.org](https://tomcat.apache.org/download-10.cgi), also Unzip it.
Step-4 : Setup Tocat with Eclipse : you can setup tomcat go to Windows->Show Views->Servers
A new tab will open where console located, with the name of server click on the given link to add new server -> choose your company and version of server you intalled, in my case this is Apache->Tomcat 10 ->click on next-> locate the Apache tomcat directory you downloaded in previous step.-> Hit on next if available otherwise click on finish.
Step-5 : Open Your project in eclipse :
go to file->Open Project from file system-> locate your workspace and select the project(WebChatApp) folder -> click on open -> finish
Step-6 : Database Setup : to setup your database you can use the file database/chat.sql.
using phpmyadmin = if you are using php myadmin then simpley create a new database with the name of 'chat' and then you can import file database/chat.sql from your import tab.
using mysql command line client OR workbench -
you can simple run the given queries to create your database setup:
creating a database :
```sql
CREATE DATABASE chat;
```
using the database :
```sql
USE chat;
```
creating a table for messages :
```sql
CREATE TABLE `messages` (
`msg_id` int(20) NOT NULL AUTO_INCREMENT,
`incoming_msg_id` varchar(255) NOT NULL,
`outgoing_msg_id` varchar(255) NOT NULL,
`msg` varchar(1000) NOT NULL,
PRIMARY KEY (`msg_id`)) AUTO_INCREMENT = 100;
```
creating a table for users :
```sql
CREATE TABLE `users` (
`user_id` int(11) NOT NULL AUTO_INCREMENT,
`unique_id` varchar(200) NOT NULL,
`fname` varchar(255) NOT NULL,
`lname` varchar(255) NOT NULL,
`email` varchar(255) NOT NULL,
`password` varchar(255) NOT NULL,
`img` varchar(400) NOT NULL,
`status` varchar(255) NOT NULL,
PRIMARY KEY (`msg_id`)) AUTO_INCREMENT = 100;
```
Step-7 : Now you are ready to run the application: Right click on project(WebChatApp)->Run As->Run on Server->it may ask you what applications you want to run choose WebChatApp and finish
Step-8 : After Starting the server you can access the application by your browser: open your browser and search for [http://localhost:8080/ChatApp/](/)
Step-9 : I hope this will helpful for you.
## Contributing
Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.
Please make sure to update tests as appropriate.