Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chandelanish/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.
https://github.com/chandelanish/fusionflow

bootstrap5 cors expressjs mongodb mongoose nodejs react-redux reactjs redux-toolkit

Last synced: about 1 month ago
JSON representation

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.

Awesome Lists containing this project

README

        

# 🌐 FusionFLOW πŸ–ŒοΈ






🌟 Stars
🍴 Forks
πŸ› Issues
πŸ”” Open PRs
πŸ”• Close PRs
πŸ› οΈ Languages
πŸ‘₯ Contributors




Stars
Forks
Issues
Open Pull Requests
Close Pull Requests
GitHub language count
GitHub Contributors count



# 🌐 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](https://drive.google.com/uc?id=1YUvXiZwIn-bipZoX5aUgk3Eihlv4Zaa2)

## 🌐 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](https://drive.google.com/uc?id=1a26R7P6tGH8lpPlrn3pR4PGjzXY83P1F)

![chats](https://drive.google.com/uc?id=1d6eqzTNdCpGhPnE_QHcrPMt-TUHp8kn2)

![video-call](https://drive.google.com/uc?id=1kIF5E-qrIhkPXyhYRhTgAhGiTiFfHp5f)

![login](https://drive.google.com/uc?id=1j_-oOCLk_BVWsXZgsxAVgwYp4kPQCyGD)

![signup](https://drive.google.com/uc?id=1vgn8w2FeHU-HoimR_4Ib1J5XI7kUXptn)

## 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:
```bash
https://github.com/ChandelAnish/fusionFLOW.git
cd fusionFLOW
```

- **Setup Client**

2. Install dependencies for client:
```bash
npm install
```

3. Configure Environment Variables for client side. Create a .env file in the client directory with the following details:
```bash
VITE_SERVER_URL=http://localhost:5000
# VITE_SERVER_URL=https://fusionflow-vm59.onrender.com
```

- **Setup server**

4. Install dependencies for server:
```bash
npm install
```

5. Configure Environment Variables for server. Create a .env file in the server directory of with the following details:
```bash
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
```

6. Run the server:
```bash
npm start
```

7. Run the Application:
```bash
npm run dev
```

8. 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 [email protected].