{"id":20676607,"url":"https://github.com/intermediadesigns/intermediadesigns","last_synced_at":"2026-03-10T15:31:32.728Z","repository":{"id":241001771,"uuid":"737853669","full_name":"IntermediaDesigns/IntermediaDesigns","owner":"IntermediaDesigns","description":"Config files for my GitHub profile.","archived":false,"fork":false,"pushed_at":"2025-10-16T13:38:17.000Z","size":10409,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-17T16:43:39.278Z","etag":null,"topics":["config","github-config"],"latest_commit_sha":null,"homepage":"https://github.com/IntermediaDesigns","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IntermediaDesigns.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-01-01T18:27:08.000Z","updated_at":"2025-10-16T13:38:21.000Z","dependencies_parsed_at":"2024-08-28T00:48:56.374Z","dependency_job_id":"5f87a6bc-fcfd-471c-adef-c5be4e875934","html_url":"https://github.com/IntermediaDesigns/IntermediaDesigns","commit_stats":null,"previous_names":["intermediadesigns/intermediadesigns"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/IntermediaDesigns/IntermediaDesigns","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IntermediaDesigns%2FIntermediaDesigns","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IntermediaDesigns%2FIntermediaDesigns/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IntermediaDesigns%2FIntermediaDesigns/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IntermediaDesigns%2FIntermediaDesigns/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IntermediaDesigns","download_url":"https://codeload.github.com/IntermediaDesigns/IntermediaDesigns/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IntermediaDesigns%2FIntermediaDesigns/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30340117,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-10T15:03:31.997Z","status":"ssl_error","status_checked_at":"2026-03-10T15:01:30.431Z","response_time":106,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["config","github-config"],"created_at":"2024-11-16T21:13:06.937Z","updated_at":"2026-03-10T15:31:32.710Z","avatar_url":"https://github.com/IntermediaDesigns.png","language":null,"funding_links":["https://www.buymeacoffee.com/intermediadesigns"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\n  \u003cimg src=\"ghbanner.gif\" /\u003e\n\n\u003c/p\u003e\n\n\n\u003ch3 align=\"center\"\u003eConnect with me:\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://twitter.com/imdesignsllc\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/twitter.svg\" alt=\"imdesignsllc\" height=\"30\" width=\"40\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://linkedin.com/in/lynjai-jimenez\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg\" alt=\"lynjai-jimenez\" height=\"30\" width=\"40\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://instagram.com/intermedia_designs\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/instagram.svg\" alt=\"intermedia_designs\" height=\"30\" width=\"40\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.credly.com/users/lynjai-riemer\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://img.shields.io/badge/Credly-FF6B00.svg?style=for-the-badge\u0026logo=Credly\u0026logoColor=white\" /\u003e\u003c/a\u003e\n\u003c!-- \u003ca href=\"https://linktr.ee/LynjaiJimenez\" target=\"_blank\"\u003e\u003cimg align=\"center\" src=\"https://asset.brandfetch.io/id_tNIm05N/idJgd2UeGc.png?updated=1667559949507\" alt=\"link tree\" height=\"30\" width=\"30\" /\u003e \u003c/a\u003e  --\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\u003cp align=\"center\"\u003e📫 How to reach me: \u003cbr/\u003e \u003ca href=\"mailto:intermediadesignsllc@gmail.com\" target=\"_blank\" alt=\"email\"\u003eintermediadesignsllc@gmail.com\u003c/a\u003e\u003c/p\u003e\n\u003cbr/\u003e\n\n\u003ch2\u003eAbout Me:\u003c/h2\u003e\nCurrently attending college to finish my Bachelors in Business Administration with a minor in Web and Digital Design. I'm a passionate learner who's always interested in expanding my horizons. I'm currently diving deep into the world of programming, learning various languages to broaden my skill set and understanding. I've been spending my time developing projects, which allows me to apply what I've learned in a practical way. \n\n\u003cbr/\u003e\u003cbr/\u003e\n\u003ch2\u003e🌟 Goals:\u003c/h2\u003e\n\n- 🗂️ Develop a desktop application for contract management\n  \n- 👩🏻‍🏫 Develop a learning website\n\n- 🖥️ Develop a Micro SaaS\n\n- 👩🏻‍💻 Develop Wordpress themes \u0026 plugins\n\n\u003cbr/\u003e\n\u003ch2\u003e🚧 Ongoing Projects:\u003c/h2\u003e\n\n- 🔭 I’m currently working on **my web developer portfolio**\n\n- 🌱 I’m currently learning **Python**\n\n- 💬 Ask me about **anything**\n\n\u003cbr/\u003e\n  \n\u003ch2\u003e✅ Projects:\u003c/h2\u003e\n\u003cbr\u003e\n\n- Pulse Health App - Comprehensive Healthcare Management Platform for Dallas Software Developers Group\n  \u003cp\u003e\u003ca href=\"https://pulsehealthapp.netlify.app/\"\u003eLive Site\u003c/a\u003e\u003c/p\u003e\n  \u003cp\u003eThis comprehensive healthcare management web application was developed during a 6-week apprenticeship program with Dallas Software Developers Group. The platform streamlines interactions between patients and healthcare providers, improving appointment scheduling, and digitizing intake and document management—all within a secure, user-friendly interface designed to modernize healthcare accessibility.\u003c/p\u003e\n  \n  \u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/TypeScript-3178C6.svg?style=for-the-badge\u0026logo=TypeScript\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Appwrite-FD366E.svg?style=for-the-badge\u0026logo=Appwrite\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge\u0026logo=Tailwind-CSS\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/daisyUI-5A0EF8.svg?style=for-the-badge\u0026logo=daisyui\u0026logoColor=white\" /\u003e\n  \u003c/p\u003e\n\n  \u003cdetails\u003e\n  \u003csummary\u003eProject Overview:\u003c/summary\u003e\n  \u003cbr\u003e\n  \u003cul\u003e\n    \u003cli\u003eFeatures:\u003c/li\u003e\n    \u003cbr\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003cstrong\u003eProvider Search \u0026 Discovery\u003c/strong\u003e: Comprehensive search functionality for healthcare providers with filtering by specialty, location, and ratings.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eAppointment Management\u003c/strong\u003e: Complete booking system allowing patients to schedule, reschedule, and manage appointments with healthcare providers.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eDigital Intake Forms\u003c/strong\u003e: Streamlined patient intake process with digital forms and document upload capabilities.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eDual Dashboard System\u003c/strong\u003e: Personalized dashboards for both patients and providers with role-specific functionality.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eSecure Authentication\u003c/strong\u003e: Robust user authentication system ensuring secure access for patients and healthcare providers.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eFile Management System\u003c/strong\u003e: Secure upload and management of medical records, insurance documents, and other healthcare files.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eProvider Ratings\u003c/strong\u003e: Rating system showcasing top-rated doctors and detailed provider information.\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTech Stack:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003cstrong\u003eFrontend\u003c/strong\u003e: Next.js with TypeScript\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eBackend\u003c/strong\u003e: Appwrite\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eStyling\u003c/strong\u003e: Tailwind CSS \u0026 DaisyUI\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eDeployment\u003c/strong\u003e: Netlify\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTechnical Implementation:\u003c/li\u003e\n   \n    \u003ch3\u003eNext.js Frontend\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eServer-side rendering for optimal performance and SEO\u003c/li\u003e\n        \u003cli\u003eTypeScript integration for enhanced type safety and developer experience\u003c/li\u003e\n        \u003cli\u003eModern, responsive UI components including navigation, tables, cards, and modals\u003c/li\u003e\n        \u003cli\u003eDynamic routing for seamless user experience across patient and provider workflows\u003c/li\u003e\n    \u003c/ul\u003e\n    \n    \u003ch3\u003eAppwrite Backend Integration\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eSecure authentication services for multi-role user management\u003c/li\u003e\n        \u003cli\u003eDatabase services for storing patient information, appointments, and provider data\u003c/li\u003e\n        \u003cli\u003eFile storage solutions for medical documents and insurance files\u003c/li\u003e\n        \u003cli\u003eReal-time data synchronization for appointment updates and notifications\u003c/li\u003e\n    \u003c/ul\u003e\n    \n    \u003ch3\u003eHealthcare-Specific Features\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eHIPAA-compliant data handling and storage practices\u003c/li\u003e\n        \u003cli\u003eIntuitive appointment scheduling with conflict resolution\u003c/li\u003e\n        \u003cli\u003eComprehensive intake form system with conditional logic\u003c/li\u003e\n        \u003cli\u003eProvider profile management with specialties and availability\u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003ch3\u003eUser Experience Design\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eResponsive design ensuring accessibility across all devices\u003c/li\u003e\n        \u003cli\u003eIntuitive user interface designed for healthcare accessibility standards\u003c/li\u003e\n        \u003cli\u003eRole-based navigation optimized for both patients and providers\u003c/li\u003e\n        \u003cli\u003eModern component library built with Tailwind CSS and DaisyUI\u003c/li\u003e\n        \u003cli\u003ePre-built, customizable UI components for consistent design language\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eProgram Details:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cp\u003eThis project was developed as part of the Dallas Software Developers Group's 6-week apprenticeship program (July 2025 - August 2025), a completely free developer placement program designed to pair developers with industry professionals for hands-on project experience. Guided by seasoned developers, this program focused on equipping participants with real-world skills and creating compelling projects to showcase in interviews.\u003c/p\u003e\n  \u003c/ul\u003e\n  \n  \u003cbr\u003e\n  \u003ch2\u003eConclusion\u003c/h2\u003e\n  \u003cp\u003ePulse Health App addresses critical challenges in modern healthcare management:\u003c/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003cstrong\u003eStreamlining Healthcare Access:\u003c/strong\u003e By providing an intuitive platform for provider discovery and appointment booking, the application removes barriers to healthcare access.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eDigitizing Healthcare Workflows:\u003c/strong\u003e The digital intake forms and document management system modernize traditional paper-based processes, improving efficiency for both patients and providers.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eEnhancing Patient Experience:\u003c/strong\u003e The user-centric design prioritizes ease of use, making healthcare management more accessible to users of all technical backgrounds.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eSupporting Provider Efficiency:\u003c/strong\u003e The provider dashboard and appointment management tools help healthcare professionals streamline their practice management.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eEnsuring Data Security:\u003c/strong\u003e Built with healthcare compliance in mind, the platform prioritizes the security and privacy of sensitive medical information.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003ePromoting Healthcare Transparency:\u003c/strong\u003e The provider rating system helps patients make informed decisions about their healthcare choices.\u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cbr\u003e\n  \u003cp\u003eThis platform not only demonstrates technical proficiency in modern web development but also showcases the ability to tackle real-world problems in the healthcare industry. The project reflects a deep understanding of both user experience design and the specific challenges facing healthcare management today, positioning it as a meaningful contribution to healthcare technology innovation.\u003c/p\u003e\n  \u003c/details\u003e\n  \u003cbr\u003e\n\n- Code Sage AI - AI-Assisted Code Review Platform\n  \u003cp\u003e\u003ca href=\"https://code-sage-ai.vercel.app/\"\u003eLive Site\u003c/a\u003e\u003c/p\u003e\n  \u003cp\u003e This AI-Assisted Code Review Platform is an innovative solution designed to revolutionize the code review process. By leveraging cutting-edge AI technology, it provides intelligent, automated code analysis and suggestions, enhancing code quality and accelerating development cycles.\u003c/p\u003e\n  \n  \u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/TypeScript-3178C6.svg?style=for-the-badge\u0026logo=TypeScript\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Convex-FF7F50.svg?style=for-the-badge\u0026logo=Convex\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Google%20Gemini-8E75B2.svg?style=for-the-badge\u0026logo=Google-Gemini\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge\u0026logo=Tailwind-CSS\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/shadcn/ui-000000.svg?style=for-the-badge\u0026logo=shadcn/ui\u0026logoColor=white\" /\u003e\n  \u003c/p\u003e\n\n  \u003cdetails\u003e\n  \u003csummary\u003eProject Overview:\u003c/summary\u003e\n  \u003cbr\u003e\n  \u003cul\u003e\n    \u003cli\u003eFeatures:\u003c/li\u003e\n    \u003cbr\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003cstrong\u003eAI-Powered Code Analysis\u003c/strong\u003e: Utilizes Google Gemini to provide intelligent code review suggestions and identify potential issues.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eReal-time Collaboration\u003c/strong\u003e: Enables developers to share and review code snippets in real-time.\u003c/li\u003e\n        \u003cli\u003e \u003cstrong\u003eMulti-language Support\u003c/strong\u003e: Supports various programming languages for comprehensive code analysis.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eUser Authentication\u003c/strong\u003e: Secure user accounts and personalized review history.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eInteractive Code Editor\u003c/strong\u003e: Feature-rich code editing environment with syntax highlighting.\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTech Stack:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003cstrong\u003eFrontend\u003c/strong\u003e: Next.js with TypeScript\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eBackend\u003c/strong\u003e: Convex\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eAI Model\u003c/strong\u003e: Google Gemini\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eAuthentication\u003c/strong\u003e: Clerk\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eStyling\u003c/strong\u003e: Tailwind CSS \u0026 Shadcn/UI\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTechnical Implementation:\u003c/li\u003e\n   \n    \u003ch3\u003eNext.js Frontend\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eApp Router for optimized routing and server-side rendering\u003c/li\u003e\n        \u003cli\u003eTypeScript for enhanced type safety and developer experience\u003c/li\u003e\n        \u003cli\u003eMonaco Editor integration for a powerful code editing interface\u003c/li\u003e\n    \u003c/ul\u003e\n    \n    \u003ch3\u003eConvex Backend\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eReal-time data synchronization for collaborative features\u003c/li\u003e\n        \u003cli\u003eEfficient storage and retrieval of code snippets and review data\u003c/li\u003e\n        \u003cli\u003eServerless functions for handling business logic\u003c/li\u003e\n    \u003c/ul\u003e\n    \n    \u003ch3\u003eGoogle Gemini Integration\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eAdvanced natural language processing for code analysis\u003c/li\u003e\n        \u003cli\u003eContext-aware suggestions for code improvements\u003c/li\u003e\n        \u003cli\u003eMulti-language support for diverse development environments\u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003ch3\u003eGoogle Gemini Integration\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eAdvanced natural language processing for code analysis\u003c/li\u003e\n        \u003cli\u003eContext-aware suggestions for code improvements\u003c/li\u003e\n        \u003cli\u003eMulti-language support for diverse development environments\u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003ch3\u003eGoogle Gemini Integration\u003c/h3\u003e\n    \u003cul\u003e\n         \u003cli\u003eAdvanced natural language processing for code analysis\u003c/li\u003e\n         \u003cli\u003eContext-aware suggestions for code improvements\u003c/li\u003e\n         \u003cli\u003eMulti-language support for diverse development environments\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/ul\u003e\n  \n  \u003cbr\u003e\n  \u003ch2\u003eConclusion\u003c/h2\u003e\n  \u003cp\u003eThe AI-Assisted Code Review Platform aims to address several key challenges in the software development process:\u003c/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003cstrong\u003eEnhancing Code Quality:\u003c/strong\u003e By providing AI-driven insights, the platform helps identify and resolve potential issues early in the development cycle.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eAccelerating Development:\u003c/strong\u003e Instant AI feedback reduces the time spent on manual code reviews, speeding up the overall development process.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003ePromoting Best Practices:\u003c/strong\u003e The AI suggestions help developers learn and apply coding best practices consistently across projects.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eReducing Technical Debt:\u003c/strong\u003e Early detection of code issues prevents the accumulation of technical debt over time.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eAugmenting Human Expertise:\u003c/strong\u003e By handling routine checks, the AI allows human reviewers to focus on higher-level architectural considerations.\u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cbr\u003e\n  \u003cp\u003eThis platform not only improves code quality and developer productivity but also fosters a culture of continuous learning and improvement in software development teams.\u003c/p\u003e\n  \u003c/details\u003e\n  \u003cbr\u003e\n\n- AI Customer Support Application for Headstarter SWE Fellowship\n  \u003cp\u003e\u003ca href=\"https://ai-customer-support-mu.vercel.app/\"\u003eLive Site\u003c/a\u003e\u003c/p\u003e\n  \u003cp\u003eThis AI Customer Support Application was developed as part of the Headstarter SWE Fellowship. It's an AI-   \n  powered chatbot designed to provide intelligent customer support, leveraging modern web technologies and AI \n  capabilities to deliver a personalized chat experience.\u003c/p\u003e\n  \n  \u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Firebase-DD2C00.svg?style=for-the-badge\u0026logo=Firebase\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Google%20Gemini-8E75B2.svg?style=for-the-badge\u0026logo=Google-Gemini\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge\u0026logo=Tailwind-CSS\u0026logoColor=white\" /\u003e\n  \u003c/p\u003e\n\n  \u003cdetails\u003e\n  \u003csummary\u003eProject Overview:\u003c/summary\u003e\n  \u003cbr\u003e\n  \u003cul\u003e\n    \u003cli\u003eFeatures:\u003c/li\u003e\n    \u003cbr\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003cstrong\u003eIntelligent AI Responses\u003c/strong\u003e: Utilizes Google Gemini to generate dynamic, context-aware \n        responses to user queries.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eUser Authentication\u003c/strong\u003e: Personalized chat experiences with secure user authentication.          \u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eReal-time Interaction\u003c/strong\u003e: Instant message display and status indicators for a seamless \n        user experience.\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTech Stack:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003cstrong\u003eFrontend\u003c/strong\u003e: Next.js\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eBackend \u0026 Database\u003c/strong\u003e: Firebase\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eAI Model\u003c/strong\u003e: Google Gemini\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTechnical Implementation:\u003c/li\u003e\n   \n    \u003ch3\u003eNext.js Frontend\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eServer-side rendering for improved performance and SEO\u003c/li\u003e\n        \u003cli\u003eDynamic routing for seamless navigation\u003c/li\u003e\n        \u003cli\u003eAPI routes for serverless backend functionality\u003c/li\u003e\n    \u003c/ul\u003e\n    \n    \u003ch3\u003eFirebase Integration\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eRealtime Database/Firestore for data storage\u003c/li\u003e\n        \u003cli\u003eFirebase Authentication for user management\u003c/li\u003e\n        \u003cli\u003eCloud Functions for serverless operations\u003c/li\u003e\n    \u003c/ul\u003e\n    \n    \u003ch3\u003eGoogle Gemini Integration\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eAPI integration for processing user inputs and generating responses\u003c/li\u003e\n        \u003cli\u003eContext management system for coherent conversations\u003c/li\u003e\n        \u003cli\u003eError handling and fallback mechanisms\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eContributors:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cp\u003eThis project was developed as part of the Headstarter SWE Fellowship. Contributors include:\u003c/p\u003e\n    \n    \u003ch3\u003eFrontend \u0026 Backend\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://github.com/IntermediaDesigns\"\u003eLynjai Jimenez\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003ch3\u003eFrontend UI\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://github.com/Calypso90\"\u003eCalypso Hernandez\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n  \u003c/ul\u003e\n  \u003cbr\u003e\n  \u003ch2\u003eConclusion\u003c/h2\u003e\n  \u003cp\u003eThis project showcases my proficiency in developing advanced web applications using cutting-edge technologies. Specifically, it demonstrates:\u003c/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003cstrong\u003eFull-stack Development Skills:\u003c/strong\u003e Utilizing Next.js for a robust frontend and Firebase for a scalable backend, showcasing a comprehensive understanding of modern web development practices.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eAI Integration:\u003c/strong\u003e Successfully implementing Google Gemini for intelligent responses, highlighting my ability to work with and integrate advanced AI models into practical applications.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eUser Authentication and Security:\u003c/strong\u003e Implementing secure user authentication and data protection measures, demonstrating a strong focus on application security and user privacy.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eReal-time Features:\u003c/strong\u003e Developing real-time interaction capabilities, showcasing skills in creating responsive and dynamic user experiences.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eProblem-Solving Abilities:\u003c/strong\u003e Addressing challenges such as AI response latency and context retention, illustrating my capacity to find innovative solutions to complex technical problems.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eUI/UX Considerations:\u003c/strong\u003e Creating an intuitive and user-friendly interface for the chatbot, showing an understanding of the importance of user experience in application design.\u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cbr\u003e\n  \u003cp\u003eThis AI Customer Support Application not only serves as a practical solution for enhancing customer support processes but also as a testament to my capabilities as a developer. It reflects my ability to leverage modern technologies to create innovative, efficient, and user-centric applications.\u003c/p\u003e\n  \u003c/details\u003e\n  \u003cbr\u003e\n\n- Flash Wave a Flashcard SaaS Application for Headstarter SWE Fellowship\n  \u003cp\u003e\u003ca href=\"https://flashwave-zeta.vercel.app/\"\u003eLive Site\u003c/a\u003e\u003c/p\u003e\n  \u003cp\u003eThis Flashcard SaaS Application was developed as part of the Headstarter SWE Fellowship. Flash Wave is a cutting-edge flashcard \n  application that revolutionizes the way you learn and retain information. Powered by advanced AI technology and built on a robust \n  tech stack, Flash Wave offers a seamless, personalized learning experience for students, professionals, and lifelong learners alike. \n  \u003c/p\u003e\n  \n  \u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Firebase-DD2C00.svg?style=for-the-badge\u0026logo=Firebase\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Clerk-6C47FF.svg?style=for-the-badge\u0026logo=Clerk\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/OpenAI-412991.svg?style=for-the-badge\u0026logo=OpenAI\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Stripe-008CDD.svg?style=for-the-badge\u0026logo=Stripe\u0026logoColor=white\" alt=\"Stripe\" /\u003e\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge\u0026logo=Tailwind-CSS\u0026logoColor=white\" /\u003e\n  \u003c/p\u003e\n\n  \u003cdetails\u003e\n  \u003csummary\u003eProject Overview:\u003c/summary\u003e\n  \u003cbr\u003e\n  \u003cul\u003e\n    \u003cli\u003eFeatures:\u003c/li\u003e\n    \u003cbr\u003e\n      \u003cul\u003e\n        \u003cli\u003eAI-powered flashcard generation\u003c/li\u003e\n        \u003cli\u003ePersonalized learning paths\u003c/li\u003e\n        \u003cli\u003eMultiple subscription tiers (Free, Basic, Pro)\u003c/li\u003e\n        \u003cli\u003eIntuitive user interface\u003c/li\u003e\n        \u003cli\u003eProgress tracking and analytics\u003c/li\u003e\n        \u003cli\u003eSecure authentication with Clerk\u003c/li\u003e\n        \u003cli\u003eSeamless payment integration with Stripe\u003c/li\u003e\n      \u003c/ul\u003e\n      \u003cbr\u003e\n      \u003cli\u003eTech Stack:\u003c/li\u003e\n      \u003cbr\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003cstrong\u003eFrontend:\u003c/strong\u003e Next.js\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eBackend:\u003c/strong\u003e Firebase\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eAuthentication:\u003c/strong\u003e Clerk\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eAI Integration:\u003c/strong\u003e OpenAI\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003ePayment Processing:\u003c/strong\u003e Stripe\u003c/li\u003e\n      \u003c/ul\u003e\n      \u003cbr\u003e\n      \u003cli\u003eTechnical Implementation:\u003c/li\u003e\n      \u003ch3\u003eNext.js Frontend\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003eServer-side rendering for improved performance and SEO\u003c/li\u003e\n        \u003cli\u003eDynamic routing for seamless navigation\u003c/li\u003e\n        \u003cli\u003eAPI routes for serverless backend functionality\u003c/li\u003e\n     \u003c/ul\u003e\n     \u003ch3\u003eClerk Authentication\u003c/h3\u003e\n     \u003cul\u003e\n        \u003cli\u003eSecure user authentication and management\u003c/li\u003e\n        \u003cli\u003eSeamless integration with Next.js\u003c/li\u003e\n        \u003cli\u003eSupport for multiple authentication methods\u003c/li\u003e\n     \u003c/ul\u003e\n     \u003ch3\u003eFirebase Integration\u003c/h3\u003e\n     \u003cul\u003e\n        \u003cli\u003eRealtime Database/Firestore for data storage\u003c/li\u003e\n        \u003cli\u003eCloud Functions for serverless operations\u003c/li\u003e\n        \u003cli\u003eScalable backend infrastructure\u003c/li\u003e\n     \u003c/ul\u003e\n     \u003ch3\u003eStripe Payment Integration\u003c/h3\u003e\n     \u003cul\u003e\n        \u003cli\u003eSecure payment processing for subscription tiers\u003c/li\u003e\n        \u003cli\u003eWebhook integration for handling payment events\u003c/li\u003e\n        \u003cli\u003eCustomer portal for managing subscriptions\u003c/li\u003e\n     \u003c/ul\u003e\n     \u003ch3\u003eOpenAI Integration\u003c/h3\u003e\n     \u003cul\u003e\n        \u003cli\u003eAI-powered flashcard generation\u003c/li\u003e\n        \u003cli\u003eNatural language processing for content optimization\u003c/li\u003e\n        \u003cli\u003ePersonalized learning recommendations\u003c/li\u003e\n     \u003c/ul\u003e\n     \u003cbr\u003e\n     \u003cli\u003eContributors:\u003c/li\u003e\n     \u003cbr\u003e\n     \u003cp\u003eThis project was developed as part of the Headstarter SWE Fellowship. Contributors include:\u003c/p\u003e\n     \u003ch3\u003eFrontend \u0026 Backend\u003c/h3\u003e\n       \u003cul\u003e\n         \u003cli\u003e\u003ca href=\"https://github.com/IntermediaDesigns\"\u003eLynjai Jimenez\u003c/a\u003e\u003c/li\u003e\n       \u003c/ul\u003e\n     \u003ch3\u003eFrontend UI\u003c/h3\u003e\n       \u003cul\u003e\n         \u003cli\u003e\u003ca href=\"https://github.com/Calypso90\"\u003eCalypso Hernandez\u003c/a\u003e\u003c/li\u003e\n       \u003c/ul\u003e\n  \u003c/ul\u003e\n  \u003cbr\u003e\n  \u003ch2\u003eConclusion\u003c/h2\u003e\n  \u003cp\u003eThis project showcases proficiency in developing advanced web applications using cutting-edge technologies. Specifically, it demonstrates:\u003c/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003cstrong\u003eFull-stack Development Skills:\u003c/strong\u003e Utilizing Next.js for a robust frontend and Firebase for a scalable backend, showcasing a comprehensive understanding of modern web development practices.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eAI Integration:\u003c/strong\u003e Successfully implementing Google Gemini for intelligent responses, highlighting the ability to work with and integrate advanced AI models into practical applications.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eUser Authentication and Security:\u003c/strong\u003e Implementing secure user authentication and data protection measures, demonstrating a strong focus on application security and user privacy.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eReal-time Features:\u003c/strong\u003e Developing real-time interaction capabilities, showcasing skills in creating responsive and dynamic user experiences.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eProblem-Solving Abilities:\u003c/strong\u003e Addressing challenges such as AI response latency and context retention, illustrating the capacity to find innovative solutions to complex technical problems.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eUI/UX Considerations:\u003c/strong\u003e Creating an intuitive and user-friendly interface for the chatbot, showing an understanding of the importance of user experience in application design.\u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cbr\u003e\n  \u003cp\u003eFlash Wave not only serves as a practical solution for enhancing learning processes but also as a testament to the developers' capabilities. It reflects the ability to leverage modern technologies to create innovative, \n  efficient, and user-centric applications.\u003c/p\u003e\n  \u003c/details\u003e\n  \u003cbr\u003e\n\n- Mentor Metrics AI-Powered Professor Rating and Recommendation System Application for Headstarter SWE Fellowship\n  \u003cp\u003e\u003ca href=\"https://mentor-metrics.vercel.app/\"\u003eLive Site\u003c/a\u003e\u003c/p\u003e\n  \u003cp\u003eMentor Metrics is an innovative AI-powered application that revolutionizes the way students access and \n  interpret professor ratings. Built with cutting-edge technologies, this project aims to provide personalized, \n  intelligent insights into professor performance and suitability.\u003c/p\u003e\n  \n  \u003cp align=\"left\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" alt=\"Next.js\" /\u003e\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://img.shields.io/badge/OpenAI-412991.svg?style=for-the-badge\u0026logo=OpenAI\u0026logoColor=white\" alt=\"OpenAI\" /\u003e\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://img.shields.io/badge/Pinecone-000000.svg?style=for-the-badge\u0026logo=Pinecone\u0026logoColor=white\" alt=\"Pinecone\" /\u003e\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://img.shields.io/badge/Python-3776AB.svg?style=for-the-badge\u0026logo=Python\u0026logoColor=white\" /\u003e\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge\u0026logo=Tailwind-CSS\u0026logoColor=white\" /\u003e\n  \u003c/p\u003e\n\n  \u003cdetails\u003e\n  \u003csummary\u003eProject Overview:\u003c/summary\u003e\n  \u003cbr\u003e\n  \u003cul\u003e\n    \u003cli\u003eFeatures:\u003c/li\u003e\n    \u003cbr\u003e\n      \u003cul\u003e\n        \u003cli\u003eAI-powered professor rating analysis\u003c/li\u003e\n        \u003cli\u003eAutomated web scraping of Rate My Professor pages\u003c/li\u003e\n        \u003cli\u003eAdvanced search and personalized professor recommendations\u003c/li\u003e\n        \u003cli\u003eUser-friendly interface for submitting new professor data\u003c/li\u003e\n        \u003cli\u003eReal-time data updates and analysis\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTech Stack:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003cstrong\u003eFrontend:\u003c/strong\u003e Next.js\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eAI Integration:\u003c/strong\u003e OpenAI\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eVector Database:\u003c/strong\u003e Pinecone\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eWeb Scraping:\u003c/strong\u003e Cheerio\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTechnical Implementation:\u003c/li\u003e\n    \u003ch3\u003eNext.js Frontend\u003c/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eServer-side rendering for improved performance and SEO\u003c/li\u003e\n      \u003cli\u003eDynamic routing for seamless navigation\u003c/li\u003e\n      \u003cli\u003eAPI routes for serverless backend functionality\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003ch3\u003eOpenAI Integration\u003c/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eNatural language processing for analyzing professor reviews\u003c/li\u003e\n      \u003cli\u003eAI-powered recommendation system\u003c/li\u003e\n      \u003cli\u003eContext-aware query understanding and response generation\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003ch3\u003ePinecone Integration\u003c/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eVector storage for efficient similarity search\u003c/li\u003e\n      \u003cli\u003eReal-time data updates and retrieval\u003c/li\u003e\n      \u003cli\u003eScalable architecture for handling large datasets\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003ch3\u003eWeb Scraping Module\u003c/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eAutomated data extraction from Rate My Professor pages\u003c/li\u003e\n      \u003cli\u003eData cleaning and preprocessing\u003c/li\u003e\n      \u003cli\u003eIntegration with Pinecone for real-time database updates\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eContributors:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cp\u003eThis project was developed as part of the Headstarter SWE Fellowship. Contributors include:\u003c/p\u003e\n    \u003ch3\u003eFrontend \u0026 Backend\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://github.com/IntermediaDesigns\"\u003eLynjai Jimenez\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003ch3\u003eFrontend UI\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://github.com/Calypso90\"\u003eCalypso Hernandez\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n  \u003c/ul\u003e\n  \u003cbr\u003e\n  \u003ch2\u003eConclusion\u003c/h2\u003e\n  \u003cp\u003eMentor Metrics demonstrates proficiency in developing advanced AI-powered web applications. Key highlights include:\u003c/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003cstrong\u003eAI Integration:\u003c/strong\u003e Leveraging OpenAI for intelligent analysis and recommendations, showcasing the ability to work with cutting-edge AI technologies.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eVector Database Implementation:\u003c/strong\u003e Utilizing Pinecone for efficient data storage and retrieval, demonstrating skills in working with modern, specialized databases.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eWeb Scraping and Data Processing:\u003c/strong\u003e Implementing automated data collection and processing, highlighting capabilities in handling and structuring large datasets.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eFull-stack Development:\u003c/strong\u003e Building a comprehensive application with Next.js, combining frontend and backend technologies for a seamless user experience.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eScalable Architecture:\u003c/strong\u003e Designing a system capable of handling growing datasets and user bases, showcasing foresight in application architecture.\u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cbr\u003e\n  \u003cp\u003eMentor Metrics not only serves as a valuable tool for students seeking professor information but also demonstrates the developers' ability to create innovative, AI-driven solutions to real-world problems.\u003c/p\u003e\n  \u003c/details\u003e\n  \u003cbr\u003e\n\n- Pantry Pro - AI-Powered Pantry Management Application for Headstarter SWE Fellowship\n  \u003cp\u003e\u003ca href=\"https://pantry-tracker-plum.vercel.app/\"\u003eLive Site\u003c/a\u003e\u003c/p\u003e\n  \u003cp\u003ePantry Pro is an innovative pantry management application developed as a solo project. It leverages modern \n  web technologies and AI capabilities to provide a seamless and intelligent solution for managing your kitchen \n  inventory and meal planning.\u003c/p\u003e\n  \n  \u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" alt=\"Next.js\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Firebase-FFCA28.svg?style=for-the-badge\u0026logo=Firebase\u0026logoColor=black\" alt=\"Firebase\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Hugging%20Face-FFBF00.svg?style=for-the-badge\u0026logo=Hugging-Face\u0026logoColor=black\" alt=\"Hugging Face\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Google%20Gemini-8E75B2.svg?style=for-the-badge\u0026logo=Google-Gemini\u0026logoColor=white\" alt=\"Google Gemini\" /\u003e\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge\u0026logo=Tailwind-CSS\u0026logoColor=white\" /\u003e\n  \u003c/p\u003e\n\n  \u003cdetails\u003e\n  \u003csummary\u003eProject Overview:\u003c/summary\u003e\n  \u003cbr\u003e\n  \u003cul\u003e\n    \u003cli\u003eFeatures:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cul\u003e\n        \u003cli\u003e\u003cstrong\u003ePantry Management\u003c/strong\u003e: Add, delete, and update pantry items with ease.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eSmart Search\u003c/strong\u003e: Quickly find items in your pantry with advanced search and filter functionality.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eGrocery List\u003c/strong\u003e: Save items directly to your grocery list for convenient shopping.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eFavorites\u003c/strong\u003e: Mark and easily access your favorite pantry items.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eAI-Powered Recipe Suggestions\u003c/strong\u003e: Get personalized recipe ideas based on your pantry contents.\u003c/li\u003e\n        \u003cli\u003e\u003cstrong\u003eImage Generation\u003c/strong\u003e: Automatically generate and update item images using AI.\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTech Stack:\u003c/li\u003e\n    \u003cbr\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003cstrong\u003eFrontend\u003c/strong\u003e: Next.js, Tailwind CSS\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eBackend \u0026 Database\u003c/strong\u003e: Firebase\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eAI Integration\u003c/strong\u003e: Hugging Face API (image generation), Google Gemini API (recipe suggestions)\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eDeployment\u003c/strong\u003e: Vercel with CI/CD\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n    \u003cli\u003eTechnical Implementation:\u003c/li\u003e\n    \u003ch3\u003eNext.js Frontend\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eServer-side rendering for improved performance and SEO\u003c/li\u003e\n        \u003cli\u003eDynamic routing for seamless navigation\u003c/li\u003e\n        \u003cli\u003eResponsive design using Tailwind CSS\u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003ch3\u003eFirebase Integration\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eRealtime Database for storing pantry items and user data\u003c/li\u003e\n        \u003cli\u003eFirebase Authentication for user management\u003c/li\u003e\n        \u003cli\u003eCloud Storage for storing generated item images\u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003ch3\u003eAI Integration\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eHugging Face API for generating realistic item images\u003c/li\u003e\n        \u003cli\u003eGoogle Gemini API for intelligent recipe suggestions based on pantry contents\u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003ch3\u003eCI/CD Pipeline\u003c/h3\u003e\n    \u003cul\u003e\n        \u003cli\u003eAutomated deployment to Vercel upon pushing to the main branch\u003c/li\u003e\n        \u003cli\u003eContinuous integration checks to ensure code quality and prevent breaking changes\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003c/ul\u003e\n    \u003cbr\u003e\n  \u003ch2\u003eConclusion\u003c/h2\u003e\n  \u003cp\u003ePantry Pro showcases advanced web development skills and the innovative use of AI in practical applications. Key highlights include:\u003c/p\u003e\n  \u003cul\u003e\n      \u003cli\u003e\u003cstrong\u003eFull-stack Development\u003c/strong\u003e: Utilizing Next.js and Tailwind CSS for a robust frontend, with Firebase powering the backend.\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eAI Integration\u003c/strong\u003e: Leveraging Hugging Face for image generation and Google Gemini for intelligent recipe suggestions.\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eReal-time Features\u003c/strong\u003e: Implementing real-time updates for a responsive user experience.\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eScalable Architecture\u003c/strong\u003e: Designing a system capable of handling growing user bases and data volumes.\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eUser-Centric Design\u003c/strong\u003e: Focusing on intuitive UI/UX to enhance user engagement and satisfaction.\u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cp\u003ePantry Pro not only simplifies pantry management but also demonstrates the potential of combining modern web technologies with AI to create practical, user-friendly applications.\u003c/p\u003e\n  \u003c/details\u003e\n  \u003cbr\u003e\n\n\u003ch2\u003e☑️ Challenges\u003c/h2\u003e\n\n- Advice generator app for \u003ca href=\"https://www.frontendmentor.io/challenges/advice-generator-app-QdUG-13db\" target=\"_blank\"\u003eFrontend Mentor\u003c/a\u003e - See my app here: \u003ca href=\"https://advicegenappchallenge.netlify.app/\" target=\"_blank\"\u003eAdvice Generator App\u003c/a\u003e\n  \u003cp\u003eChallenge done with Next JS, no extra add ons such as tailwind. The challenge is to build out this advice generator app using the Advice Slip API and get it looking as close to the design as possible.\u003c/p\u003e\n\n  \u003cdetails\u003e\n  \u003csummary\u003eSkills \u0026 Features\u003c/summary\u003e\n  \u003cbr\u003e\n  \u003cul\u003e\n    \u003cli\u003eHTML\u003c/li\u003e\n    \u003cli\u003eJavaScript\u003c/li\u003e\n    \u003cli\u003eVanilla CSS\u003c/li\u003e\n    \u003cli\u003eReact\u003c/li\u003e\n    \u003cli\u003eNext js\u003c/li\u003e\n    \u003cli\u003eNetlify\u003c/li\u003e\n    \u003cli\u003eAPI\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n- 100 Days of Python Code using Replit \u003ca href=\"hhttps://github.com/IntermediaDesigns/100-days-of-python\" target=\"_blank\"\u003eReplit Profile\u003c/a\u003e \n  \u003cp\u003eDuring the 100 Days, I learned frontend implementing flask, build games, apps, and websites by mastering Python programming.\u003c/p\u003e\n\n  \u003cdetails\u003e\n  \u003csummary\u003eSkills \u0026 Features\u003c/summary\u003e\n  \u003cbr\u003e\n  \u003cul\u003e\n    \u003cli\u003eHTML\u003c/li\u003e\n    \u003cli\u003eJavaScript\u003c/li\u003e\n    \u003cli\u003eVanilla CSS\u003c/li\u003e\n    \u003cli\u003eFlask\u003c/li\u003e\n    \u003cli\u003ePython\u003c/li\u003e\n    \u003cli\u003eReplit\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cbr/\u003e\n\n\u003ch2 align=\"left\"\u003e💻 Languages and Tools:\u003c/h2\u003e\n\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; border: none; margin: 0; padding: 0; align: center;\"\u003e\n  \u003ctr style=\"border: none;\"\u003e\n    \u003ctd width=\"20%\" style=\"border: none; vertical-align: top; padding: 0;\"\u003e\n      \u003cdiv style=\"list-style-type: none; padding: 0; margin: 0;\"\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" alt=\"HTML5\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" alt=\"CSS3\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E\" alt=\"JavaScript\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB\" alt=\"react\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white\" alt=\"bootstrap\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"tailwind css\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge\u0026logo=styled-components\u0026logoColor=white\" alt=\"styled components\" /\u003e\u003c/p\u003e\n      \u003c/div\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"20%\" style=\"border: none; vertical-align: top; padding: 0;\"\u003e\n      \u003cdiv style=\"list-style-type: none; padding: 0; margin: 0;\"\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/HTMX-3982CE?style=for-the-badge\u0026logo=HTMX\u0026logoColor=white\" alt=\"HTMX\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/Next-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\" alt=\"Next js\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/python-3670A0?style=for-the-badge\u0026logo=python\u0026logoColor=ffdd54\" alt=\"Python\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/php-%23777BB4.svg?style=for-the-badge\u0026logo=php\u0026logoColor=white\" alt=\"PHP\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge\u0026logo=express\u0026logoColor=%2361DAFB\" alt=\"express js\" /\u003e\u003c/p\u003e\n      \u003c/div\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"20%\" style=\"border: none; vertical-align: top; padding: 0;\"\u003e\n      \u003cdiv style=\"list-style-type: none; padding: 0; margin: 0;\"\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge\u0026logo=netlify\u0026logoColor=#00C7B7\" alt=\"netlify\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge\u0026logo=mongodb\u0026logoColor=white\" alt=\"mongo db\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge\u0026logo=postgresql\u0026logoColor=white\" alt=\"postgres\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge\u0026logo=Prisma\u0026logoColor=white\" alt=\"prisma\" /\u003e\u003c/p\u003e\n      \u003c/div\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"20%\" style=\"border: none; vertical-align: top; padding: 0;\"\u003e\n      \u003cdiv style=\"list-style-type: none; padding: 0; margin: 0;\"\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/Adobe%20XD-470137?style=for-the-badge\u0026logo=Adobe%20XD\u0026logoColor=#FF61F6\" alt=\"xd\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/adobephotoshop-%2331A8FF.svg?style=for-the-badge\u0026logo=adobephotoshop\u0026logoColor=white\" alt=\"photoshop\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/adobeillustrator-%23FF9A00.svg?style=for-the-badge\u0026logo=adobeillustrator\u0026logoColor=white\" alt=\"illustrator\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/Adobe%20Dreamweaver-FF61F6.svg?style=for-the-badge\u0026logo=Adobe%20Dreamweaver\u0026logoColor=white\" alt=\"dreamweaver\" /\u003e\u003c/p\u003e\n        \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/Adobe%20InDesign-49021F?style=for-the-badge\u0026logo=adobeindesign\u0026logoColor=white\" alt=\"inDesign\" /\u003e\u003c/p\u003e\n      \u003c/div\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"20%\" style=\"border: none; vertical-align: top; padding: 0;\"\u003e\n      \u003cdiv style=\"list-style-type: none; padding: 0; margin: 0;\"\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge\u0026logo=figma\u0026logoColor=white\" alt=\"figma\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/affinitydesginer-%231B72BE.svg?style=for-the-badge\u0026logo=affinity-designer\u0026logoColor=white\" alt=\"affinity desgner\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/Canva-%2300C4CC.svg?style=for-the-badge\u0026logo=Canva\u0026logoColor=white\" alt=\"canva\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/Adobe%20Lightroom-31A8FF.svg?style=for-the-badge\u0026logo=Adobe%20Lightroom\u0026logoColor=white\" alt=\"lightroom\" /\u003e\u003c/p\u003e\n      \u003cp\u003e\u003cimg src=\"https://img.shields.io/badge/Krita-203759?style=for-the-badge\u0026logo=krita\u0026logoColor=EEF37B)\" alt=\"krita\" /\u003e\u003c/p\u003e\n      \u003c/div\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr/\u003e\n\n\u003ch2\u003e\u003cimg align=\"center\" src=\"credly.png\" /\u003e Credly Badges\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://www.credly.com/badges/add1de27-9f72-4e61-801c-55028cd1e33e\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://images.credly.com/size/680x680/images/e91ed0b0-842b-417f-8d2f-b07535febdda/image.png\" height=\"200\" width=\"200\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.credly.com/badges/6c6ad690-fede-4cd7-9c49-33a504f311ed\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://i.ibb.co/rGRM1cXY/adobecontent.png\" height=\"200\" width=\"200\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.credly.com/badges/2f63b91e-9447-4db9-82ee-256fbc811b48\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"adobegrdsnr.png\" height=\"200\" width=\"200\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.credly.com/badges/2ef6eff2-9f44-48e6-abbc-77f1d2b191d3\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"ibmfe.png\" height=\"200\" width=\"200\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.credly.com/badges/a100ac97-487b-48a0-8bf2-d044b0fae85b\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"ibmswe.png\" height=\"200\" width=\"200\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.credly.com/badges/3a9b62f6-e362-48f9-bd31-df9fee22e3e5\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"ibmcloud.png\" height=\"200\" width=\"200\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.credly.com/badges/8f0ae6bd-f16c-4f70-907b-4599918d87e0\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"ibmgit.png\" height=\"200\" width=\"200\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.credly.com/badges/f625b612-f896-4272-a040-e860ea8a0427\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://github.com/user-attachments/assets/7088e3c0-f96f-4ad3-854b-17c30e696ca2\" height=\"200\" width=\"200\" /\u003e\u003c/a\u003e\n\n\u003c/p\u003e\n\n\u003cbr/\u003e\n\n\u003ch2\u003e📊GitHub Stats:\u003c/h2\u003e\n\u003cp align=\"center\"\u003e\n\n  \u003cimg src=\"https://github-readme-stats.vercel.app/api?username=IntermediaDesigns\u0026theme=midnight-purple\u0026hide_border=false\u0026include_all_commits=false\u0026count_private=false\" /\u003e\n  \u003cbr/\u003e  \u003cbr/\u003e\n  \u003cimg src=\"https://github-readme-streak-stats.herokuapp.com/?user=intermediadesigns\u0026theme=midnight-purple\u0026hide_border=false\" /\u003e\n  \u003cbr/\u003e  \u003cbr/\u003e\n  \u003cimg src=\"https://github-readme-stats.vercel.app/api/top-langs/?username=IntermediaDesigns\u0026theme=midnight-purple\u0026hide_border=false\u0026include_all_commits=false\u0026count_private=false\u0026layout=compact\" /\u003e\n\u003c/p\u003e\n\u003cbr\u003e\u003cbr\u003e\n\n\u003ch1 align=\"center\"\u003eThank you for visiting my profile!\u003c/h1\u003e\n\u003ch2 align=\"center\"\u003eSupport Me ☕:\u003c/h2\u003e\n\u003cp align=\"center\"\u003e\u003ca href=\"https://www.buymeacoffee.com/intermediadesigns\"\u003e \u003cimg align=\"center\" src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" height=\"50\" width=\"210\" alt=\"intermediadesigns\" /\u003e\u003c/a\u003e\u003c/p\u003e\u003cbr\u003e\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fintermediadesigns%2Fintermediadesigns","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fintermediadesigns%2Fintermediadesigns","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fintermediadesigns%2Fintermediadesigns/lists"}