{"id":427,"date":"2019-06-11T02:26:00","date_gmt":"2019-06-11T02:26:00","guid":{"rendered":"https:\/\/khanhcode.com\/?p=427"},"modified":"2020-12-20T02:51:08","modified_gmt":"2020-12-20T02:51:08","slug":"messaging-website-project","status":"publish","type":"post","link":"https:\/\/khanhcode.com\/?p=427","title":{"rendered":"Messaging Website Project"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Project URL:<\/strong> <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/Insignite\/MessagingWebsite\" target=\"_blank\">https:\/\/github.com\/Insignite\/MessagingWebsite<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em><strong>Disclosure:<\/strong>\u00a0The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is a personal project and used for Senior Design CECS 491A &amp; CECS 491B class at CSULB\u00a0<strong>(Full project link for the class, which included ASL single hand gesture recognition, python peer-to-peer video chat, and documentation can be found\u00a0<a href=\"https:\/\/github.com\/chriztaka1997\/ASL-to-hand-recognition\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>). <\/strong>The majority of code and styling of this project is from the<strong> <\/strong>following tutorial\u00a0<a href=\"https:\/\/www.udemy.com\/angular-ionic-node-build-a-real-web-mobile-chat-app\/\">Angular Ionic Node Build A Real Web Mobile Chat App<\/a>\u00a0class on Udemy. I simply modify the tutorial and add extra functionalities as needed to build this website.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Instruction<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Note<\/em>:<\/strong> This will required 3 terminal. In my case, 2 terminal and a cmd. Try\u00a0<code>sudo<\/code>\u00a0the command if console return access errors.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Run Nodemon Server<\/strong><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>cd chatApplication\/server\nnodemon server.js<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/raw.githubusercontent.com\/Insignite\/MessagingWebsite\/master\/sampleOutput\/nodemon.PNG?ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Run MongoDB Server<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Make sure you have MongoDB Server install or download from&nbsp;<a href=\"https:\/\/www.mongodb.com\/download-center\/community\">here<\/a><\/li><li>I use cmd because MongoDB doesn&#8217;t work with Linux Sub-system on Windows 10.<\/li><li>In my case, I run this command:&nbsp;<code>\"N:\\Programs\\MongoDB\\Server\\4.0\\bin\\mongod.exe\" --dbpath \"N:\\Programs\\MongoDB\\data\\db\"<\/code><\/li><li>Format:&nbsp;<code>Windows 10 command format: directory_path_to_mongod.exe_file --dbpath directory_path_to_the_database<\/code><\/li><li>Follow&nbsp;<a href=\"https:\/\/docs.mongodb.com\/manual\/installation\/\">MongoDB Documentation<\/a>&nbsp;for instruction on how to run the server&nbsp;<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>3. Run Angular Server<\/strong><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>cd chatApplication\nng serve -o<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The\u00a0<code>-o<\/code>\u00a0or\u00a0<code>--open<\/code>\u00a0command from Angular CLI will automatic open the browser with the address\u00a0<code>http:\/\/localhost:4200<\/code><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/raw.githubusercontent.com\/Insignite\/MessagingWebsite\/master\/sampleOutput\/angular.PNG?ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Sample Pictures<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/raw.githubusercontent.com\/Insignite\/MessagingWebsite\/master\/sampleOutput\/login.PNG?ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/raw.githubusercontent.com\/Insignite\/MessagingWebsite\/master\/sampleOutput\/signup.PNG?ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/raw.githubusercontent.com\/Insignite\/MessagingWebsite\/master\/sampleOutput\/home.PNG?ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/raw.githubusercontent.com\/Insignite\/MessagingWebsite\/master\/sampleOutput\/message.PNG?ssl=1\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Project URL: https:\/\/github.com\/Insignite\/MessagingWebsite Disclosure:\u00a0The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":428,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[4],"tags":[],"class_list":["post-427","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projects"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Project URL: https:\/\/github.com\/Insignite\/MessagingWebsite Disclosure: The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Insignite\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/khanhcode.com\/?p=427\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"KhanhCode -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Messaging Website Project - KhanhCode\" \/>\n\t\t<meta property=\"og:description\" content=\"Project URL: https:\/\/github.com\/Insignite\/MessagingWebsite Disclosure: The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/khanhcode.com\/?p=427\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/10\/cropped-brand_icon_white_logo-1.png?fit=6060&#038;ssl=1\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/10\/cropped-brand_icon_white_logo-1.png?fit=6060&#038;ssl=1\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-06-11T02:26:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-12-20T02:51:08+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Messaging Website Project - KhanhCode\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Project URL: https:\/\/github.com\/Insignite\/MessagingWebsite Disclosure: The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/10\/cropped-brand_icon_white_logo-1.png?fit=6060&amp;ssl=1\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#blogposting\",\"name\":\"Messaging Website Project - KhanhCode\",\"headline\":\"Messaging Website Project\",\"author\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?author=1#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/khanhcode.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/home.png?fit=1989%2C1939&ssl=1\",\"width\":1989,\"height\":1939},\"datePublished\":\"2019-06-11T02:26:00+00:00\",\"dateModified\":\"2020-12-20T02:51:08+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#webpage\"},\"articleSection\":\"Projects\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khanhcode.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/khanhcode.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?cat=4#listItem\",\"name\":\"Projects\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?cat=4#listItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/khanhcode.com\\\/?cat=4\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#listItem\",\"name\":\"Messaging Website Project\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khanhcode.com#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#listItem\",\"position\":3,\"name\":\"Messaging Website Project\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?cat=4#listItem\",\"name\":\"Projects\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/#organization\",\"name\":\"KhanhCode\",\"url\":\"https:\\\/\\\/khanhcode.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/khanhcode.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/cropped-brand_icon_white_logo-1.png?fit=60%2C60&ssl=1\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427\\\/#organizationLogo\",\"width\":60,\"height\":60},\"image\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427\\\/#organizationLogo\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?author=1#author\",\"url\":\"https:\\\/\\\/khanhcode.com\\\/?author=1\",\"name\":\"Insignite\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c2a15033de1d737b445109663fc0aaf37b5c8542bef286899b61777880327be?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Insignite\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#webpage\",\"url\":\"https:\\\/\\\/khanhcode.com\\\/?p=427\",\"name\":\"Messaging Website Project - KhanhCode\",\"description\":\"Project URL: https:\\\/\\\/github.com\\\/Insignite\\\/MessagingWebsite Disclosure: The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\\\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?author=1#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?author=1#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/khanhcode.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/home.png?fit=1989%2C1939&ssl=1\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427\\\/#mainImage\",\"width\":1989,\"height\":1939},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/?p=427#mainImage\"},\"datePublished\":\"2019-06-11T02:26:00+00:00\",\"dateModified\":\"2020-12-20T02:51:08+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/khanhcode.com\\\/#website\",\"url\":\"https:\\\/\\\/khanhcode.com\\\/\",\"name\":\"KhanhCode\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/khanhcode.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Messaging Website Project - KhanhCode","description":"Project URL: https:\/\/github.com\/Insignite\/MessagingWebsite Disclosure: The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is","canonical_url":"https:\/\/khanhcode.com\/?p=427","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/khanhcode.com\/?p=427#blogposting","name":"Messaging Website Project - KhanhCode","headline":"Messaging Website Project","author":{"@id":"https:\/\/khanhcode.com\/?author=1#author"},"publisher":{"@id":"https:\/\/khanhcode.com\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/12\/home.png?fit=1989%2C1939&ssl=1","width":1989,"height":1939},"datePublished":"2019-06-11T02:26:00+00:00","dateModified":"2020-12-20T02:51:08+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/khanhcode.com\/?p=427#webpage"},"isPartOf":{"@id":"https:\/\/khanhcode.com\/?p=427#webpage"},"articleSection":"Projects"},{"@type":"BreadcrumbList","@id":"https:\/\/khanhcode.com\/?p=427#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/khanhcode.com#listItem","position":1,"name":"Home","item":"https:\/\/khanhcode.com","nextItem":{"@type":"ListItem","@id":"https:\/\/khanhcode.com\/?cat=4#listItem","name":"Projects"}},{"@type":"ListItem","@id":"https:\/\/khanhcode.com\/?cat=4#listItem","position":2,"name":"Projects","item":"https:\/\/khanhcode.com\/?cat=4","nextItem":{"@type":"ListItem","@id":"https:\/\/khanhcode.com\/?p=427#listItem","name":"Messaging Website Project"},"previousItem":{"@type":"ListItem","@id":"https:\/\/khanhcode.com#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/khanhcode.com\/?p=427#listItem","position":3,"name":"Messaging Website Project","previousItem":{"@type":"ListItem","@id":"https:\/\/khanhcode.com\/?cat=4#listItem","name":"Projects"}}]},{"@type":"Organization","@id":"https:\/\/khanhcode.com\/#organization","name":"KhanhCode","url":"https:\/\/khanhcode.com\/","logo":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/10\/cropped-brand_icon_white_logo-1.png?fit=60%2C60&ssl=1","@id":"https:\/\/khanhcode.com\/?p=427\/#organizationLogo","width":60,"height":60},"image":{"@id":"https:\/\/khanhcode.com\/?p=427\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/khanhcode.com\/?author=1#author","url":"https:\/\/khanhcode.com\/?author=1","name":"Insignite","image":{"@type":"ImageObject","@id":"https:\/\/khanhcode.com\/?p=427#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/9c2a15033de1d737b445109663fc0aaf37b5c8542bef286899b61777880327be?s=96&d=mm&r=g","width":96,"height":96,"caption":"Insignite"}},{"@type":"WebPage","@id":"https:\/\/khanhcode.com\/?p=427#webpage","url":"https:\/\/khanhcode.com\/?p=427","name":"Messaging Website Project - KhanhCode","description":"Project URL: https:\/\/github.com\/Insignite\/MessagingWebsite Disclosure: The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/khanhcode.com\/#website"},"breadcrumb":{"@id":"https:\/\/khanhcode.com\/?p=427#breadcrumblist"},"author":{"@id":"https:\/\/khanhcode.com\/?author=1#author"},"creator":{"@id":"https:\/\/khanhcode.com\/?author=1#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/12\/home.png?fit=1989%2C1939&ssl=1","@id":"https:\/\/khanhcode.com\/?p=427\/#mainImage","width":1989,"height":1939},"primaryImageOfPage":{"@id":"https:\/\/khanhcode.com\/?p=427#mainImage"},"datePublished":"2019-06-11T02:26:00+00:00","dateModified":"2020-12-20T02:51:08+00:00"},{"@type":"WebSite","@id":"https:\/\/khanhcode.com\/#website","url":"https:\/\/khanhcode.com\/","name":"KhanhCode","inLanguage":"en-US","publisher":{"@id":"https:\/\/khanhcode.com\/#organization"}}]},"og:locale":"en_US","og:site_name":"KhanhCode -","og:type":"article","og:title":"Messaging Website Project - KhanhCode","og:description":"Project URL: https:\/\/github.com\/Insignite\/MessagingWebsite Disclosure: The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is","og:url":"https:\/\/khanhcode.com\/?p=427","og:image":"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/10\/cropped-brand_icon_white_logo-1.png?fit=6060&#038;ssl=1","og:image:secure_url":"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/10\/cropped-brand_icon_white_logo-1.png?fit=6060&#038;ssl=1","article:published_time":"2019-06-11T02:26:00+00:00","article:modified_time":"2020-12-20T02:51:08+00:00","twitter:card":"summary_large_image","twitter:title":"Messaging Website Project - KhanhCode","twitter:description":"Project URL: https:\/\/github.com\/Insignite\/MessagingWebsite Disclosure: The goal of this project is to learn how to create a general messaging website, which included log-in, sign-up, add\/remove friends, and a messaging system. It helping me being more involve with the Web Development field and familiarize myself with Angular 6, Socket IO, Json Web Token, CORS, MongoDB, etc. This is","twitter:image":"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/10\/cropped-brand_icon_white_logo-1.png?fit=6060&ssl=1"},"aioseo_meta_data":{"post_id":"427","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-10-04 09:45:44","updated":"2025-06-04 04:32:54","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/khanhcode.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/khanhcode.com\/?cat=4\" title=\"Projects\">Projects<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tMessaging Website Project\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/khanhcode.com"},{"label":"Projects","link":"https:\/\/khanhcode.com\/?cat=4"},{"label":"Messaging Website Project","link":"https:\/\/khanhcode.com\/?p=427"}],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/khanhcode.com\/wp-content\/uploads\/2020\/12\/home.png?fit=1989%2C1939&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/khanhcode.com\/index.php?rest_route=\/wp\/v2\/posts\/427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khanhcode.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/khanhcode.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/khanhcode.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khanhcode.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=427"}],"version-history":[{"count":2,"href":"https:\/\/khanhcode.com\/index.php?rest_route=\/wp\/v2\/posts\/427\/revisions"}],"predecessor-version":[{"id":430,"href":"https:\/\/khanhcode.com\/index.php?rest_route=\/wp\/v2\/posts\/427\/revisions\/430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/khanhcode.com\/index.php?rest_route=\/wp\/v2\/media\/428"}],"wp:attachment":[{"href":"https:\/\/khanhcode.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/khanhcode.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/khanhcode.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}