/fusionFLOW

FusionFLOW is a dynamic web app that boosts social connectivity and productivity. It offers blurbs for quick updates, real-time chat, video calling, email messaging, friend location tracking, and expense management, providing users with a comprehensive suite of tools to stay connected and organized.

Primary LanguageJavaScript

🌐 FusionFLOW - Social Connectivity & Productivity Hub 🚀

Welcome to FusionFLOW, the ultimate platform that combines social connectivity with enhanced productivity. Whether you're staying in touch with friends or managing your daily tasks, FusionFLOW brings all essential features together in one seamless, easy-to-use web application.

Logo

🌐 Live Demo

https://fusionflow-asc.onrender.com/ (Link to live deployment)

Note: The server takes approximately 50 seconds to spin up, so please be patient.

✨ Key Features

  • 🔗 Quick Blurbs FusionFLOW offers a powerful suite of tools designed to make your life easier:

  • 💬 Real-time Chat Instantly connect with your friends through fast, reliable messaging.

  • 🎥 Video Calling High-quality video calls that bring your social interactions to life.

  • 📧 Email Messaging Stay in touch the traditional way with built-in email messaging.

  • 🗺️ Friend Location Tracking Locate your friends and stay informed about their whereabouts in real time.

  • 💰 Expense Management Easily track shared expenses with your contacts for hassle-free financial management.

📸 Screenshots

blurbs

chats

video-call

login

signup

Tech Stack

Client: React, Redux, Bootstrap

Server: Node.js, Express.js

Database: MongoDB, Mongoose

Real-time Communication: WebSocket, WebRTC

Other Tools:

  • Axios for API calls
  • JSON Web Tokens (JWT) for secure authentication

🚀 How to Get Started

Follow these steps to set up the project locally:

  1. Clone the repository:
  https://github.com/ChandelAnish/fusionFLOW.git
  cd fusionFLOW
  • Setup Client
  1. Install dependencies for client:
  npm install
  1. Configure Environment Variables for client side. Create a .env file in the client directory with the following details:
VITE_SERVER_URL=http://localhost:5000
# VITE_SERVER_URL=https://fusionflow-vm59.onrender.com
  • Setup server
  1. Install dependencies for server:
  npm install
  1. Configure Environment Variables for server. Create a .env file in the server directory of with the following details:
PORT = 5000
MONGO_URI = your-mongodb-uri
SECRET_KEY = fusionFLOW_asc
CLIENT_URL=http://localhost:5173
# CLIENT_URL=https://fusionflow-asc.onrender.com
# SIGNIN_URL=https://fusionflow-signin.onrender.com
# SIGNUP_URL=https://fusionflow-signup.onrender.com
  1. Run the server:
npm start
  1. Run the Application:
npm run dev
  1. Visit the application: Launch the live server for the login page.

👨‍💻 Contributing

Feel free to fork this repository and contribute by submitting a pull request. For major changes, please open an issue first to discuss what you'd like to change.

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Open a pull request

Please adhere to this project's code of conduct.

💬 Feedback & Support

If you have any feedback, questions, or issues, feel free to reach out or open a GitHub Issue.

For support, feel free to reach out via email at anish8427singh@gmail.com.