Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/saddickq/kawulaconnect

A modern messaging app that brings people closer with seamless real-time chat and an intuitive interface. With a focus on connection and community, KawulaConnect makes it easy to stay in touch, share moments, and communicate effectively.
https://github.com/saddickq/kawulaconnect

chat cloudinary expressjs mongodb-atlas nodejs reactjs shadcn-ui socket-io socket-io-client websocket

Last synced: 9 days ago
JSON representation

Host: GitHub
URL: https://github.com/saddickq/kawulaconnect
Owner: Saddickq
Created: 2024-10-28T08:06:58.000Z (3 months ago)
Default Branch: main
Last Pushed: 2024-12-22T12:43:15.000Z (about 1 month ago)
Last Synced: 2024-12-22T13:35:18.071Z (about 1 month ago)
Topics: chat, cloudinary, expressjs, mongodb-atlas, nodejs, reactjs, shadcn-ui, socket-io, socket-io-client, websocket
Language: JavaScript
Homepage: https://kawulaconnect.netlify.app/
Size: 321 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)
![MongoDB](https://img.shields.io/badge/MongoDB-black.svg?logo=mongodb)
![ExpressJs](https://img.shields.io/badge/Express-black.svg?logo=nodedotjs)
![React](https://img.shields.io/badge/React-black.svg?logo=react)
![Node.js](https://img.shields.io/badge/Node.js-black.svg?logo=node.js)
![JavaScript](https://img.shields.io/badge/JavaScript-black.svg?logo=javascript)

# KawulaConnect

## Features

- Responsiveness: Fully Responsive Design 📱💻
- File Handling: Multer for File and Image Storage 📁📷
- File Storage: Cloudinary for storing files to cloud storage 📥
- File Download: Easy File Downloading 📥
- Real-time Messaging: Sockets for Instant Communication 💬
- Chat Support: Group Chats and Personal Messages 👥💬
- Fun Conversations: Emoji Support 😄
- State Management: Zustand for Seamless State Management 🧠
- API Calls: Axios for Smooth API Interactions 🌐
- User authentication JWT Tokens 🔑
- User authorization

## Two Weeks Post-Deployment of KawulaConnect

After two weeks of deploying KawulaConnect, i have observed significant user engagement and positive feedback. Here are some key highlights:

- **User Growth:** Over 30 new users have joined the platform.
- **Message Volume:** More than 400 messages have been exchanged.
- **Feature Usage:** High usage of real-time messaging and group chat features.
- **Performance:** The app has maintained a 90% uptime with minimal latency.
- **Feedback:** Users have praised the intuitive interface and seamless real-time chat experience.

I am continuously working on improving the app based on user feedback and excited about the future updates and features i plan to introduce.

metrix

## Tech Stack

**Client:** React, Zustand, Node, JavaScript

**Server:** Node, Express, JavaScript, MongoDB, Cloudinary, Multer

**Deployment:** Netlify, Render

## Installation

Clone the repository

```bash
git clone https://github.com/Saddickq/KawulaConnect.git
```

Navigate into the project directory

```bash
cd KawulaConnect
```

Install backend dependencies

```bash
cd server
npm install
```

Install frontend dependencies

```bash
cd ../client
npm install
```

Start the backend server

```bash
cd ../server
npm start
```

Start the frontend development server

```bash
cd ../client
npm start
```

#### Environment Variables

To run this project, you will need to add the following environment variables to your .env file

`DB_URL`
`SECRET`
`PORT`
`cloud_name`
`api_key`
`api_secret`

## Authors

- [Saddickq](https://github.com/Saddickq)