ChatsApp
Project Overview
Technologies Used
ChatsApp is developed using PHP for backend processing and MySQL for database management. The UI is structured with HTML, CSS, and Bootstrap to provide a clean and responsive user experience. A simple real-time chat feature is implemented using external JavaScript code that I learned from CodeWithHarry tutorials.
Development & Background
This was my first major web project, built during my 3rd year for my college’s Identity Annual Project Exhibition. Inspired by a CodeWithHarry tutorial on real-time chat applications, I expanded the concept beyond a simple chatroom and developed a full-fledged social media-like chat system. While I did not have prior knowledge of JavaScript or jQuery, I was able to integrate the required real-time functionality through research and adaptation.
Usage
ChatsApp allows users to register, add friends, chat in real-time, update their profiles, and manage their friend lists. Users can block or unblock friends, send friend requests, and access chatrooms that are uniquely generated for each conversation.
Features
--- Social Media-Style UI – Includes a navbar with notifications, logout button, and section navigation icons.
--- User Profiles – Each user has a profile picture, unique username, and bio, which can be updated.
--- Friend Management – Users can send friend requests, accept or delete them, and manage blocked contacts.
--- Search & Unblock – Find friends easily and unblock users if needed.
--- Real-Time Chatting – Private chats are assigned unique chatroom IDs where users can message in real time.
--- Message Display – Chats are color-coded and timestamped, with sender messages on the left and receiver messages on the right.
--- Login & Registration System – Secure authentication with an encrypted password storage method, similar to the one I implemented in my Encryption & Decryption Python project.
--- Bootstrap Templates – Used a modern and responsive login/register template, adapted from a free resource.
This project was a huge learning experience, as I built my first large-scale web application, learned PHP in depth, and understood how to integrate external scripts to enhance functionality. It also helped me explore UI/UX design, database management, and security.