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.

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.

Tech Stack

Client: React, Zustand, Node, JavaScript

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

Deployment: Netlify, Render

Installation

Clone the repository

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

Navigate into the project directory

  cd KawulaConnect

Install backend dependencies

  cd server
  npm install

Install frontend dependencies

  cd ../client
  npm install

Start the backend server

  cd ../server
  npm start

Start the frontend development server

  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