Welcome to my Chat Application! This project is a full-fledged realtime messaging application with a user interface inspired by WhatsApp. It enables users to exchange messages individually or within groups.
- Realtime Messaging: Experience seamless, real-time messaging with instant message delivery.
- Individual Messaging: Send private messages to other users.
- Group Messaging: Create and edit groups to communicate with more than one user.
- Login And Signup: Securely access the application with a login and signup system.
- Frontend: Typescript with React
- Backend: Java with Spring Boot, Spring Security, Spring Websocket and Spring Data JPA
- Database: PostgreSQL
- Authentication: JSON Web Token (JWT)
- State Management: Redux, Thunk
- Component Library: Material UI
Ensure you have npm and mvn installed on your machine.
-
Clone the repository:
git clone https://github.com/nicolasjusten95/chat-app.git
-
Navigate to the Frontend and install the required dependencies:
cd frontend npm install -
Navigate to the Backend and install the required dependencies:
cd backend mvn clean install -
Configure Environment Variables:
Configure the Spring Boot application.properties for database and other configurations. -
Run the Application:
- Start the frontend:
npm start
- Start the backend:
mvn spring-boot:run
- Start the frontend:
-
Access the Application:
- Open your browser and visit http://localhost:3000 to use the Realtime Chat Application.
- You can log in with a sample user to access the app with predefined data:
- email: luke.skywalker@test.com
- password: luke
- Or you can create your own Accounts and start chatting!
View your chats with other users:
Send messages to other users:
Log into your account:
Create a new account:
Start a new chat:
Edit your chats:
I welcome contributions! If you have ideas for improvements or new features, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.
Thank you for using and contributing to the Realtime Chat Application!