{"id":194,"date":"2026-06-03T16:40:25","date_gmt":"2026-06-03T16:40:25","guid":{"rendered":"https:\/\/portfolio.citynarratives.com\/?page_id=194"},"modified":"2026-06-26T06:28:11","modified_gmt":"2026-06-26T06:28:11","slug":"projects","status":"publish","type":"page","link":"https:\/\/portfolio.citynarratives.com\/index.php\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"194\" class=\"elementor elementor-194\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f72638 e-flex e-con-boxed e-con e-parent\" data-id=\"44f72638\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ffbd45f elementor-widget elementor-widget-text-editor\" data-id=\"1ffbd45f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<h4><a href=\"https:\/\/citynarratives.com\/\"><strong>City Narratives<\/strong> <\/a><\/h4>\n<p class=\"wp-block-paragraph\"><strong>City Narratives<\/strong> is a modern and engaging storytelling platform that I independently designed and developed to showcase the unique culture, history, travel experiences, and local perspectives of different cities. The website was built with a strong focus on user experience, combining visually appealing design elements with a clean and intuitive interface that allows visitors to easily discover and explore city-based stories. Using WordPress, HTML5, CSS3, and JavaScript, I created a fully responsive website that adapts seamlessly across desktops, tablets, and mobile devices. The design emphasizes readability, smooth navigation, and organized content presentation, ensuring that users can comfortably engage with the platform regardless of their device or screen size. Additionally, I implemented SEO-friendly structures and performance optimization techniques to improve search visibility, loading speed, and overall accessibility.<\/p>\n<p>Throughout the development process, I was responsible for every aspect of the project, including planning the website structure, designing the user interface, developing custom layouts, organizing content, and optimizing the site&#8217;s functionality. Special attention was given to creating an immersive browsing experience through modern web design principles, effective typography, and strategic content placement. The project allowed me to strengthen my expertise in WordPress development, responsive web design, front-end technologies, SEO optimization, and website performance enhancement. City Narratives demonstrates my ability to transform a creative concept into a fully functional and professional digital platform that not only delivers valuable content but also provides an engaging and user-friendly experience. This project serves as a strong example of my skills in building modern websites that balance aesthetics, functionality, and performance while meeting the needs of both users and content creators.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e8d619 e-flex e-con-boxed e-con e-parent\" data-id=\"4e8d619\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc08c4 elementor-widget elementor-widget-image\" data-id=\"6cc08c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/citynarratives.com\/blog\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-10_25_13-PM-1024x683.png\" class=\"attachment-large size-large wp-image-200\" alt=\"\" srcset=\"https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-10_25_13-PM-1024x683.png 1024w, https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-10_25_13-PM-300x200.png 300w, https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-10_25_13-PM-768x512.png 768w, https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-10_25_13-PM.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Designed and developed a modern travel blog website, blending clean UI, responsive design, and engaging storytelling to create an immersive user experience.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-048b75a e-flex e-con-boxed e-con e-parent\" data-id=\"048b75a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ca0688 elementor-widget elementor-widget-text-editor\" data-id=\"7ca0688\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h4 data-start=\"0\" data-end=\"32\"><strong data-start=\"0\" data-end=\"32\">Word Counter Web Application<\/strong><\/h4>\n<p data-start=\"34\" data-end=\"444\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c91074f e-flex e-con-boxed e-con e-parent\" data-id=\"c91074f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0f64a1 elementor-widget elementor-widget-text-editor\" data-id=\"a0f64a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"\" data-turn-id-container=\"258470b1-7924-4950-a57e-9d3b9286d25e\" data-is-intersecting=\"true\">\n<section class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-(--header-height)\" dir=\"auto\" data-turn-id=\"258470b1-7924-4950-a57e-9d3b9286d25e\" data-turn-id-container=\"258470b1-7924-4950-a57e-9d3b9286d25e\" data-testid=\"conversation-turn-5\" data-scroll-anchor=\"false\" data-turn=\"user\">\n<div class=\"text-base my-auto mx-auto pt-12 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col\">\n<div class=\"flex max-w-full flex-col gap-4 grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"user\" data-message-id=\"258470b1-7924-4950-a57e-9d3b9286d25e\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden items-end rtl:items-start\">\n<div class=\"user-message-bubble-color corner-superellipse\/0.98 relative min-w-0 overflow-hidden rounded-[22px] px-4 py-2.5 leading-6 max-w-(--user-chat-width,70%)\">\n<div class=\"max-w-full min-w-0 [overflow-wrap:anywhere] whitespace-pre-wrap\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<div class=\"\" data-turn-id-container=\"request-WEB:49cd060f-83db-4998-a0dc-aceae1840619-1\" data-is-intersecting=\"true\">\n<section class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-WEB:49cd060f-83db-4998-a0dc-aceae1840619-1\" data-turn-id-container=\"request-WEB:49cd060f-83db-4998-a0dc-aceae1840619-1\" data-testid=\"conversation-turn-4\" data-scroll-anchor=\"false\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex max-w-full flex-col gap-4 grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"9a199df7-e188-43bd-844e-2e7449fa4a15\" data-message-model-slug=\"gpt-5-5\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden\">\n<div class=\"markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling\">\n<p data-start=\"34\" data-end=\"444\">The Word Counter Web Application is a simple and interactive frontend project developed using HTML, CSS, and JavaScript. This application allows users to enter text and instantly view important statistics such as word count, character count, sentence count, and paragraph count. The project features a clean and responsive user interface, ensuring a smooth experience across different devices and screen sizes.<\/p>\n<p data-start=\"446\" data-end=\"868\" data-is-last-node=\"\" data-is-only-node=\"\">Through this project, I strengthened my skills in frontend web development, including DOM manipulation, event handling, and responsive design. The application processes user input in real time, providing accurate text analysis without requiring page reloads. This project demonstrates my ability to build practical and user-friendly web applications using core web technologies while focusing on performance and usability.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"z-0 flex min-h-[46px] justify-start\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60607d2 elementor-widget elementor-widget-image\" data-id=\"60607d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/3c85d71a-1da7-47a4-8d0b-e66c6cb72ce6.png\" class=\"attachment-1536x1536 size-1536x1536 wp-image-210\" alt=\"\" srcset=\"https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/3c85d71a-1da7-47a4-8d0b-e66c6cb72ce6.png 1536w, https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/3c85d71a-1da7-47a4-8d0b-e66c6cb72ce6-300x200.png 300w, https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/3c85d71a-1da7-47a4-8d0b-e66c6cb72ce6-1024x683.png 1024w, https:\/\/portfolio.citynarratives.com\/wp-content\/uploads\/2026\/06\/3c85d71a-1da7-47a4-8d0b-e66c6cb72ce6-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Word Counter \u2013 A responsive web application built with HTML, CSS, and JavaScript that provides real-time word, character, and text analysis for users.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>City Narratives City Narratives is a modern and engaging storytelling platform that I independently designed and developed to showcase the unique culture, history, travel experiences, and local perspectives of different cities. The website was built with a strong focus on user experience, combining visually appealing design elements with a clean and intuitive interface that allows [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.citynarratives.com\/index.php\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.citynarratives.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.citynarratives.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.citynarratives.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.citynarratives.com\/index.php\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":29,"href":"https:\/\/portfolio.citynarratives.com\/index.php\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/portfolio.citynarratives.com\/index.php\/wp-json\/wp\/v2\/pages\/194\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/portfolio.citynarratives.com\/index.php\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}