{"data":{"featured":{"edges":[{"node":{"frontmatter":{"title":"GitHub Clone","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABz0lEQVQoz22RWW8TQRCELUH2nnOP2TNrO17HjqNciBCJIJBASLzw///Nh3asBKzwUNJ0zUx1dfXi8OmK/ccdu7uJq4ct0/3EeFhyfjUy7M8Z9qNHv+vpLzu6y45xP3D9/IGHb488/fjC7ecbNt+v2f7csshSQZoKpJC0rsa5Bps7TO6QOkd5FGRCkqYpWSZQyqCURgiFMRYhJHGYcN6PLOI45gVBGBKGIVEUEscJlZsoipGqWNO5PS5fU6iWMHj/+ieKIpIkIQgChmFgMRf/g80rmu6Cul1TNyvadkPtRvrlHUW7IY7Ck/dvBOdux3Ps3TXdEtcMKFNiy8ZDKslw84vh9jdR8O5EcJ6s67qjoLf/Khb7TOaMpFRobShKh9bWZ2eNQck5z+wfE4kfXWv916EnjKHtesqyJMsyz5+Foc92vn/JLYyik/qNYDoTcUxuNNv1iKtbjMm9w1VdUdeNr+cNz1xRVOT53PS4+ZcpveDcLYgizoIzjBLsL0a/ECGOIx+WPV03YGxJJhRCaUrXUJS1f5MkqTcz60ilWFS5pbUWYxzjauL+6Su7yx1N1WJVzuPTM8thhZUWmWluthsO00SVV+TKYqREZxkqTWnKkj+Vx/QGszUrjAAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/d61b95685cceaeddc8d1ab5b36328ea2/2a75d/github_clone.png","srcSet":"/static/d61b95685cceaeddc8d1ab5b36328ea2/ddc1f/github_clone.png 175w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/94e3d/github_clone.png 350w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/2a75d/github_clone.png 700w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/3307c/github_clone.png 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/d61b95685cceaeddc8d1ab5b36328ea2/b2baf/github_clone.avif 175w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/3ba2a/github_clone.avif 350w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/c67ab/github_clone.avif 700w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/6adaf/github_clone.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/d61b95685cceaeddc8d1ab5b36328ea2/d8229/github_clone.webp 175w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/3668f/github_clone.webp 350w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/dfc53/github_clone.webp 700w,\n/static/d61b95685cceaeddc8d1ab5b36328ea2/ed5e3/github_clone.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":361}}},"tech":["Next.js","TypeScript","Tailwind CSS","GitHub API"],"github":"https://github.com/hamzaabialal/github-clone","external":"https://github-clone-9dog.vercel.app/","cta":null},"html":"<p>A modern, responsive GitHub clone built with <strong>Next.js 15, TypeScript, and TailwindCSS</strong>.<br>\nThe application allows users to search GitHub profiles and explore detailed information, including repositories, followers, and contribution stats. Designed with a sleek GitHub-inspired dark UI and responsive layout for seamless browsing across devices.  .</p>"}},{"node":{"frontmatter":{"title":"Brain Tumor Detector","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAQBAgMF/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAEC/9oADAMBAAIQAxAAAAHl2bX1MiQ//8QAGRAAAgMBAAAAAAAAAAAAAAAAAAECEBFB/9oACAEBAAEFAjhii3X/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAXEAEAAwAAAAAAAAAAAAAAAAAQAhFB/9oACAEBAAY/AmNa/wD/xAAZEAADAQEBAAAAAAAAAAAAAAAAAREhQVH/2gAIAQEAAT8hb3WKQ34NjlM6MLCH/9oADAMBAAIAAwAAABBAz//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAEDAQE/EKf/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAgEBPxBH/8QAGRABAQEBAQEAAAAAAAAAAAAAAREAITFR/9oACAEBAAE/EIkAEWprORR5kHi5ToD028Pu4gQ8yFab/9k="},"images":{"fallback":{"src":"/static/430f242959a5af48d6a69cebfc1cdf54/47b02/brain_tumor.jpg","srcSet":"/static/430f242959a5af48d6a69cebfc1cdf54/199ec/brain_tumor.jpg 175w,\n/static/430f242959a5af48d6a69cebfc1cdf54/3d212/brain_tumor.jpg 350w,\n/static/430f242959a5af48d6a69cebfc1cdf54/47b02/brain_tumor.jpg 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/430f242959a5af48d6a69cebfc1cdf54/55e84/brain_tumor.avif 175w,\n/static/430f242959a5af48d6a69cebfc1cdf54/1b102/brain_tumor.avif 350w,\n/static/430f242959a5af48d6a69cebfc1cdf54/8d1da/brain_tumor.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/430f242959a5af48d6a69cebfc1cdf54/1ab83/brain_tumor.webp 175w,\n/static/430f242959a5af48d6a69cebfc1cdf54/a8c7f/brain_tumor.webp 350w,\n/static/430f242959a5af48d6a69cebfc1cdf54/8990b/brain_tumor.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":375}}},"tech":["Python","Django","EfficientNet","Deep Learning","TensorFlow / Keras","HTML & CSS"],"github":"https://github.com/hamzaabialal/tumor_detector.git","external":"https://github.com/hamzaabialal/tumor_detector","cta":null},"html":"<p>This project focuses on developing a web-based application for detecting brain tumors using deep learning models, specifically the EfficientNet architecture. The platform is built using Django, a powerful web framework for building scalable and maintainable web applications, and incorporates Django’s templating system for rendering user interfaces dynamically.</p>"}},{"node":{"frontmatter":{"title":"Climate Change Prediction","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAACA//EABQBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAARY6GF0eT//EABkQAAMAAwAAAAAAAAAAAAAAAAABAhExQf/aAAgBAQABBQJ0hMlrFI7Ov//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABcQAAMBAAAAAAAAAAAAAAAAAAABEDH/2gAIAQEABj8CMiv/xAAaEAACAgMAAAAAAAAAAAAAAAAAARExECFB/9oACAEBAAE/IYgscxClolRTRi//2gAMAwEAAgADAAAAEJfv/8QAFhEAAwAAAAAAAAAAAAAAAAAAARAR/9oACAEDAQE/EBF//8QAFREBAQAAAAAAAAAAAAAAAAAAARD/2gAIAQIBAT8QZ//EABsQAQADAAMBAAAAAAAAAAAAAAEAESExQVFh/9oACAEBAAE/ECMAv4S32l3hvkCYl1RzxFRKhdCJFvc//9k="},"images":{"fallback":{"src":"/static/5a9a3590fc3a4485ee4d163fe5bf97df/933de/climate_change_prediction.jpg","srcSet":"/static/5a9a3590fc3a4485ee4d163fe5bf97df/83a75/climate_change_prediction.jpg 175w,\n/static/5a9a3590fc3a4485ee4d163fe5bf97df/51468/climate_change_prediction.jpg 350w,\n/static/5a9a3590fc3a4485ee4d163fe5bf97df/933de/climate_change_prediction.jpg 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/5a9a3590fc3a4485ee4d163fe5bf97df/ad4b2/climate_change_prediction.avif 175w,\n/static/5a9a3590fc3a4485ee4d163fe5bf97df/682bc/climate_change_prediction.avif 350w,\n/static/5a9a3590fc3a4485ee4d163fe5bf97df/70506/climate_change_prediction.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/5a9a3590fc3a4485ee4d163fe5bf97df/eb8b2/climate_change_prediction.webp 175w,\n/static/5a9a3590fc3a4485ee4d163fe5bf97df/643e3/climate_change_prediction.webp 350w,\n/static/5a9a3590fc3a4485ee4d163fe5bf97df/b7dbf/climate_change_prediction.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":357}}},"tech":["Python","Django","Django Templates","JSON Data","ChatGPT (Data Generation)"],"github":"https://github.com/hamzaabialal/climatechange","external":"https://github.com/hamzaabialal/climatechange","cta":"https://www.linkedin.com/in/hamza-bilal-600968245/details/projects/"},"html":"<p>This project is a web-based platform that provides climate change predictions for countries around the world for the next 50 years.<br>\nIt is built using Django and utilizes JSON data generated via ChatGPT, containing detailed climate projections.<br>\nUsers can select specific countries and view their projected climate trends over the next five decades, visualized through a dynamic and interactive interface.</p>"}},{"node":{"frontmatter":{"title":"Hostyo Owner Portal","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAACXBIWXMAAAsTAAALEwEAmpwYAAACOUlEQVQ4y2P4TwFgoIHmf//+/Pr1Dwz+/vr9/98/YjX/+/v3769f//////Ts5ecXr/////8XbBBhzf/+/P335+/////Pzl7eLqDbKWxwYdEaqPjfv/g0//vzB2LDjqKWKgaxBhalemaFKgbxPZWdYBf9g5iLRfO/vyBtX1+/W+KdUMEg3MiiVMkgWskg2sCiVMEgvDwg9fv7j+DQ+IeuGeKkt7cfTNZyqmAQrmOUa+JUOdoz+3D7tAY2xXom+QoG4akG7h8ePoVbA9P8D6p5WUByKQNfA7Nij6z5g4MnISru7TnSLWncwKJUwsC7KjIbbhNUM8Qlv759n6bnXsMg2car/fjE+f/////5+evPT1CwPzhwooVLo4ZBcoaxD0QEogWh+fe379P1PSsYhCapO/769h0Ut+B4/v////f3Hyco2VYwCM809vnz4ycWzb++fZ9h6FXFIDZJzfH7h0///v/78/v3n9+//////+XV23556woG4RlG3jg0f/ner2mdx8DYrWLy+/sPiDjc5n5FG5BmTJshqe/v7z9He2ZtTq/a3zjh3NxVx/vmnpg4//iEeaenL9me39jEpgLys5E33FyMRAKOgy8v37ZKaRUzcJYzCpQx8Jcx8JUzCDUwKVYwiEwzdf/3+w92zaA8AE4n0/TcW7jVO4T12wX12gV02wV0W3m12ni1z8xaDkmqeDLGv0/PXnx48PjDw6dg9OTDwyfvHzz+/PwlWvYgJT//+/cX7GaaFgbEaQYAsPrs5y+l1fEAAAAASUVORK5CYII="},"images":{"fallback":{"src":"/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/8d33e/hostyo.png","srcSet":"/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/41cc8/hostyo.png 175w,\n/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/88e48/hostyo.png 350w,\n/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/8d33e/hostyo.png 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/00dc1/hostyo.avif 175w,\n/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/7e92b/hostyo.avif 350w,\n/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/2c516/hostyo.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/51bad/hostyo.webp 175w,\n/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/6cac9/hostyo.webp 350w,\n/static/fc2b4fffe841b6b36cc1d48c0a67ca0c/ec00d/hostyo.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":700}}},"tech":["Next.js 15","TypeScript","Notion API","Tailwind CSS","NextAuth","Vercel"],"github":"","external":"https://hostyo.com/","cta":null},"html":"<p>A production <strong>Property Management Owner Portal</strong> built with <strong>Next.js 15</strong> and <strong>TypeScript</strong>, using <strong>Notion as a headless backend</strong>. Hosts log in to a multi-tenant dashboard that shows live reservations, payouts, expenses, and property-level performance — all synced in real time with Notion databases that the ops team already uses internally.</p>\n<p>Deployed on Vercel with preview environments per branch, role-based auth, and typed API routes over the Notion API.</p>"}}]}}}