\n message sent\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n }\n}\n","import React from \"react\";\nimport \"./CompetitiveSites.css\";\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\n\nclass CompetitiveSites2 extends React.Component {\n render() {\n return (\n \n
\n {this.props.logos.map((logo) => {\n return (\n \n {logo.siteName}\n \n }\n >\n - \n \n \n \n
\n \n );\n })}\n
\n
\n
\n
\n
\n \n
\n
\n
\n {ContactData[\"title\"]}\n \n \n {ContactData[\"description\"]}\n \n {/* \n OR\n \n \n {ContactData[\"description2\"]}\n */}\n {/* */}\n \n \n \n {/* */}\n
\n \n
\n {/*
\n \n
\n
\n {blogSection[\"title\"]}\n
\n
\n {blogSection[\"subtitle\"]}\n \n \n \n
\n \n
\n \n
\n
*/}\n {/*
\n \n
\n
\n
\n {addressSection[\"title\"]}\n \n \n {addressSection[\"subtitle\"]}\n \n \n {phoneSection[\"title\"]}\n \n \n {phoneSection[\"subtitle\"]}\n \n \n \n
\n \n
*/}\n
\n
\n
\n
\n
\n Please feel free to explore \"GrammarGuardian\" at \n
\n https://main.d1i4ruulda4god.amplifyapp.com/\n \n and the source code \n \n https://github.com/colinwong107/GrammarGuardian\n \n \n
\n
\n
\n\n
\n GrammarGuardian is an AI-powered GPT chatbot designed to provide\n real-time grammar checking within a web application. It utilizes React\n for front-end development and Python for back-end integration. By\n leveraging OpenAI's GPT models, the chatbot analyzes user inputs and\n delivers real-time feedback, accurately identifying grammatical errors.\n For grammatically correct inputs, it outputs \"Correct,\" while for\n incorrect inputs, it explains the error and suggests an improved\n sentence structure. The application is deployed using AWS Cloud\n services, ensuring scalability, reliability, and continuous availability\n for users.\n
\n
\n
\n
\n Please feel free to explore \"Join Circle\" at \n
\n https://main.d17caj9rxk8awk.amplifyapp.com/\n \n and the source code \n \n https://github.com/colinwong107/JoinCircle\n \n \n
\n
\n Join Circle is a full-stack web application using React, Python, and AWS\n Cloud services, which facilitates users in creating, discovering, and\n joining various events.\n
\n
\n Google Identity Services were implemented within the React framework for\n user authentication, enhancing security and streamlining the login\n process to improve the user experience.\n
\n
\n DynamoDB was utilized for efficient data storage and retrieval, ensuring\n the application can handle high volumes of event data and user\n interactions with high availability and scalability.\n
\n {/*
\n Got user information via Google Identity Services Login with React\n
*/}\n
\n
\n
\n
\n \n Petalife is an AI-powered GPT chatbot designed to help detect and\n address pet health issues early. It utilizes React for front-end\n development and Python for back-end integration. Users can upload a\n photo of their pet's stool for analysis to assess its health status or\n ask any pet-related health questions, such as, \"What should I feed my\n pet to improve their digestive health?\" to receive instant, expert\n advice. The application is deployed using AWS Cloud services, ensuring\n scalability, reliability, and continuous availability for users.\n
\n
\n \n \n
\n \n );\n}\n","import * as React from \"react\";\nimport { styled } from \"@mui/system\";\nimport { Tabs } from \"@mui/base/Tabs\";\nimport { TabsList as BaseTabsList } from \"@mui/base/TabsList\";\nimport { TabPanel as BaseTabPanel } from \"@mui/base/TabPanel\";\nimport { buttonClasses } from \"@mui/base/Button\";\nimport { Tab as BaseTab, tabClasses } from \"@mui/base/Tab\";\nimport GrammerCheckerChatbot from \"./grammar-checker-chatbot/GrammarCheckerChatbot\";\nimport JoinEvent from \"./join-event/JoinEvent\";\nimport Petalife from \"./petalife/Petalife\";\nimport \"./ProjectCard.css\";\n\nexport default function UnstyledTabsCustomized() {\n return (\n \n
\n \n Petalife\n Grammar Guardian\n Join Circle\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n\n {/*
\n
\n \n
\n
\n
\n {projectsHeader.title}\n \n \n {projectsHeader[\"description\"]}\n \n \n
\n
*/}\n\n
\n
\n {/* {ProjectsData.data.map((repo) => {\n return
;\n })} */}\n
\n {/*
*/}\n {/*
\n\n Publications \n {publications.data.length > 0 ? (\n
\n
\n \n
\n
\n {publicationsHeader.title}\n \n \n {publicationsHeader[\"description\"]}\n \n \n
\n
\n ) : null}\n\n
\n {publications.data.map((pub) => {\n return
;\n })}\n
*/}\n\n
\n
\n
\n
\n
\n
\n Woops
\n 404
\n The requested page is unavailable at the moment!
\n \n Go Home\n \n \n
\n
\n
\n
\n
\n \n (\n \n )}\n />\n }\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n \n \n
\n
\n \n }\n />\n }\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n {/* (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/> */}\n (\n \n )}\n />\n \n \n
\n \n
\n \n \n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === \"localhost\" ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === \"[::1]\" ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener(\"load\", () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n \"This web app is being served cache-first by a service \" +\n \"worker. To learn more, visit https://bit.ly/CRA-PWA\"\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then((registration) => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === \"installed\") {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n \"New content is available and will be used when all \" +\n \"tabs for this page are closed. See https://bit.ly/CRA-PWA.\"\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log(\"Content is cached for offline use.\");\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch((error) => {\n console.error(\"Error during service worker registration:\", error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then((response) => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get(\"content-type\");\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf(\"javascript\") === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n \"No internet connection found. App is running in offline mode.\"\n );\n });\n}\n\nexport function unregister() {\n if (\"serviceWorker\" in navigator) {\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister();\n });\n }\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BaseProvider, LightTheme } from \"baseui\";\nimport { Provider as StyletronProvider } from \"styletron-react\";\nimport { Client as Styletron } from \"styletron-engine-atomic\";\n\nimport \"./index.css\";\n// import \"bootstrap/dist/css/bootstrap.min.css\";\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\nimport \"./assests/font-awesome/css/all.css\";\n\nconst engine = new Styletron();\n\nReactDOM.render(\n \n \n \n \n ,\n document.getElementById(\"root\")\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}