Welcome to ChitChat, our last assignment chat website/app.
- Disclaimer
- Firebase Reliability and Functionality
- How to Run
- Server
- App
- Website
- Technologies
- Credits
Please note that the ChitChat app has been primarily tested and developed using Android 7 (Nougat). While efforts have been made to ensure compatibility with various Android versions, there is a possibility that the app may not function properly or at all on later versions of Android.
The app's features and functionalities heavily rely on APIs, libraries, and frameworks that may have undergone changes or updates in subsequent Android versions. As a result, certain aspects of the app may exhibit unexpected behavior or may not be fully supported on newer Android versions.
To ensure optimal performance and compatibility, it is recommended to use the ChitChat app on Android 7 or later versions that are explicitly tested and supported. While the app may still function on newer Android versions, there might be limitations or issues that arise due to differences in platform behavior.
Please consider these factors and use the app accordingly. We appreciate your understanding and encourage you to provide feedback or report any compatibility issues you encounter on different Android versions, as it helps us improve the app for a wider range of devices and users.
Please note that ChitChat relies on Firebase for its real-time database capabilities. While we have made efforts to optimize the app's functionality, it's important to understand that Firebase's performance and functionality are beyond our control. Occasional connectivity issues or delays in data synchronization may occur due to factors outside our control. Additionally, updates to the Firebase platform may affect certain features or functionalities. We appreciate your understanding and patience, and we're committed to addressing any issues promptly.
You will need to npm,node.js,React and React Router.
Clone the repository:
gh repo clone nello0b/Advanced-Programming-2-Webserver
you can run the server with the comand line:
cd Advanced-Programming-2-Android
cd mvc
npm install
npm start
Now you can enter http://localhost:5000/ to browse our chat site.
To run the app you will need to open this project with Android Studio, and build it there (we trust your intelligence and experience in the matter) and run it on your favorite emulator.
The ChitChat app relies on a server for handling various functionalities, such as user authentication, chat management, and data storage. The server code can be found in the following GitHub repository: https://github.com/AvgBlue/Advanced-Programming-2-Android/tree/main/mvc
The server implementation is an integral part of the overall ChitChat system, and it works in conjunction with the client app to provide a seamless chat experience. It leverages technologies such as Node.js, Express.js, and MongoDB for efficient handling of requests, data storage, and real-time communication.
In the Main Screen you can choose if you want to login or to register, also you can press the ⚙️ to get into the Chat Screen. to change the theme or the server address.
Here you can change the settings of the app which are the change the server address and or the theme, to see the changes in action you need to press "Apply". Corrently we have 2 themes: light and dark. Note that if you change the server address you will be kickout to the main screen, and logged out. To get out of the Settings screen press the back button.
In the Login Screen you will be able to log into your user with your password, if the login is secsessful you will enter the up, if there is an error with your username or password, or the server is not available, a toast message will be printed with the appropriate information.
In the Registration Screen you will be able to open an account, note that you need to provide a username, a display name, a password 8 characters long with at least one letter and one number, and an very cool image. After that press register. If everything went ok, you now will be able to navigate back to the Login Screen and get into the app with your new user.
In the Chats Screen you will be able to choose a 1 of your active conversations, and start talking with 1 of your friends. Alternatively you can press the ➕ button at the bottom right and add a new user to your conversations at the Add Chat Screen. Also now you can see our logout button that will log you out of our app, so you can enter with a new user.
In the Add Chat Screen you will be able enter the infromations of a a user you want to start a conversations with in the , and if that user exists and is not in a conversation with you, a new conversation will be added to your Chats Screen.
In the Conversation Screen you will be to chat with your selected friend, you will be able to write any massage you want and send it by pressing the arrow at the buttom right.
In the Login Screen you will be able to login to ChitChat be entering your username and password and pressing to the Login button, and then the user will continue to the Chat Screen.
if you don't have a user, you will be needing to create a user be pressing to the "Click here" link continue to the Registration Screen
you won't be able to login with a worng username or password and you will get this response: "username or password is incorrect"
Here is a preview of what the login screen looks like:
In the registration screen you able to select your username, password, Display name and picture. after filling your details your feel free to press register button and you will go back to the Login Screen
- username needs to be at most 20 characters
- Password needs to be at least 8 charcters and at most 20 characters and be made by numbers and letters
- Display name needs to be at least 2 charcters and at most 20 characters and by made by only letters
- you must upload a picture.
every division from from this formal will display an appropriate error message.
Here is a preview of what the registration screen looks like:
In the chat screen the you will be able to send and receive messages, add new Contacts, search existing contacts and logout from the app.
After selecting a contact you want to chat will you will be able to send them a message be inputing the message in the message input in the bottom part of the chatscreen, and afther clicking the send button.
To add new contacts you will be needing to press 👤➕ Icons, you will able to only add existing users as contracts try to add contacts you already added or non-existing users, you will get an appropriate alert.
you will be able to search between you contcats with the search bar be inputing your desire contact and pressing on the search button.
Here is a preview of what the chat screen looks like:
The ChitChat app was developed using various technologies to provide a seamless and efficient user experience. The key technologies used in the development of the app include:
-
Java: The app's codebase is primarily written in Java, a widely used programming language known for its versatility and performance. Java provides a robust foundation for developing Android applications.
-
Room: Room is an Android library that provides an abstraction layer over SQLite, enabling efficient database operations. ChitChat utilizes Room to handle data persistence and manage the app's local database.
-
Firebase: Firebase is a comprehensive development platform provided by Google. ChitChat integrates Firebase to leverage its real-time database capabilities. This allows for instant updates and synchronization of messages and other data across devices.
-
Retrofit: Retrofit is a popular HTTP client library for Android. It simplifies the process of making network requests and handling responses. ChitChat utilizes Retrofit to interact with the server and perform various HTTP requests for chat-related functionalities.
-
Shared Preferences: Shared Preferences is a lightweight data storage mechanism provided by Android. ChitChat uses Shared Preferences to store and retrieve user preferences, such as theme settings and other small data that needs to be persisted across app sessions.
These technologies were carefully chosen to ensure efficient data management, seamless communication with the server, and an intuitive user experience. By leveraging the power of Java, Room, Firebase, Retrofit, and Shared Preferences, ChitChat delivers a robust and reliable messaging platform.
this assignment was made be:
- Netanel Berkovits
- David Berkovits
- Bar Aharon