Sumer Portfolio

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.

Contact Me

Contact Information

  • sumersingh71531@gmail.com
  • Ajmer, Rajasthan

Social Media