Trivo - Chat Application | Front-End 🗨️

Welcome to Trivo, a real-time chat application built using React Native with Expo for the front end, and Java with Hibernate for the back end. This app allows users to connect, chat with friends, add new friends, and explore friend profiles seamlessly.

🚀 Features

• Sign In/Sign Up: Create an account or log in using your mobile number and password.
• Home: View chats with existing friends and explore the option to add new ones.
• Chat: Enjoy real-time messaging with your friends.
• Add Friends: Find and add new friends to your chat list.
• Profile View: Explore the profiles of your friends.

🗂️ File Structure

index.js         // Welcome and navigation to Sign In/Sign Up
signIn.js        // Sign In page
signUp.js        // Sign Up page
home.js          // Home page with chat list and friend options
chat.js          // Chat window
addFriend.js     // Add new friends
profile.js       // Friend profile view

🛠️ Technologies Used

• Frontend: React Native with Expo
• Backend: Java with Hibernate
• Database: MySQL

💻 How to Run the Project

1. Clone the repository.
2. Install dependencies using Expo Documentation.
3. Clone the Trivio Back End repository.
4. Set Up Hibernate
5. Start the project with npx expo start.

📦 Dependencies

• expo: ~51.0.37
• expo-status-bar: ~1.12.1
• react: 18.2.0
• react-native: 0.74.5
• expo-image: ~1.13.0
• expo-font: ~12.0.10
• expo-splash-screen: ~0.27.6
• react-native-safe-area-context: 4.10.5
• expo-router: ~3.5.23
• expo-image-picker: ~15.0.7
• @react-native-async-storage/async-storage: 1.23.1
• @shopify/flash-list: 1.6.4

📱 Testing the App

1. Download Expo Go from the App Store or Google Play.
2. Run the app using npx expo start on your local machine.
3. Scan the QR code generated in your terminal to preview the app on your mobile device.

---

Thank you for checking out Trivo!