{"id":7794,"date":"2025-05-01T01:31:44","date_gmt":"2025-05-01T01:31:44","guid":{"rendered":"https:\/\/harjotrocks.com\/mult124a3\/?post_type=projects&#038;p=7794"},"modified":"2025-05-01T01:41:47","modified_gmt":"2025-05-01T01:41:47","slug":"mern-stack-web-chat-app-2","status":"publish","type":"projects","link":"https:\/\/harjotrocks.com\/mult124a3\/projects\/mern-stack-web-chat-app-2\/","title":{"rendered":"MERN Stack &#8211; Web Chat App"},"content":{"rendered":"\n<p>PingMe, a real-time web chat application I built to enhance my skills in full-stack development. Built using the MERN stack (MongoDB, Express, React, Node.js) along with Socket.io for instant messaging, PingMe offers features like user authentication with JWT, online status indicators, responsive design with TailwindCSS &amp; DaisyUI, and state management via Zustand. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>User Authentication<\/strong>\u00a0\u2013 JWT-based secure login\/signup system<\/li>\n\n\n\n<li><strong>Real-Time Messaging<\/strong>\u00a0\u2013 Instant chat using Socket.io<\/li>\n\n\n\n<li><strong>Image Sharing<\/strong>\u00a0\u2013 Send and receive images in chat<\/li>\n\n\n\n<li><strong>Theme Support<\/strong>\u00a0\u2013 Toggle light\/dark themes using DaisyUI<\/li>\n\n\n\n<li><strong>Online Status<\/strong>\u00a0\u2013 See which users are currently online<\/li>\n\n\n\n<li><strong>Sound<\/strong>\u00a0\u2013 Audio plays on user selection<\/li>\n\n\n\n<li><strong>Responsive Design<\/strong>\u00a0\u2013 Fully functional across desktop and mobile<\/li>\n\n\n\n<li><strong>UI<\/strong>\u00a0\u2013 Built with TailwindCSS, DaisyUI, and custom styling<\/li>\n\n\n\n<li><strong>Auto Scroll<\/strong>\u00a0\u2013 Smooth scroll to latest message<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PingMe, a real-time web chat application I built to enhance my skills in full-stack development. Built using the MERN stack&#8230;<\/p>\n","protected":false},"author":1,"featured_media":7795,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[84],"class_list":["post-7794","projects","type-projects","status-publish","has-post-thumbnail","hentry","category-mern-stack"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/projects\/7794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/types\/projects"}],"author":[{"embeddable":true,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/comments?post=7794"}],"version-history":[{"count":6,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/projects\/7794\/revisions"}],"predecessor-version":[{"id":7805,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/projects\/7794\/revisions\/7805"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/media\/7795"}],"wp:attachment":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/media?parent=7794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/categories?post=7794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}