AI integrated

alpdogan · Dec 26, 2023 · 9ca7bf5 · 9ca7bf5
1 parent 1a1f0fc
commit 9ca7bf5
Show file tree

Hide file tree

Showing 10 changed files with 5,699 additions and 4,800 deletions.
diff --git a/src/data/json_stub.json b/src/data/json_stub.json
@@ -26,12 +26,24 @@
     "work": [
         {
             "name": "OneSeven",
-            "position": "Solution Architect",
+            "position": "Director of Engineering",
+            "website": "https://www.oneseventech.com",
+            "startDate": "2021-01-01",
+            "endDate": "",
+            "summary": "",
+            "location": "Miami, FL",
+            "highlights": [
+                "Started the company"
+            ]
+        },
+        {
+            "name": "OneSeven Tech",
+            "position": "Director of Engineering",
             "website": "https://www.oneseventech.com",
             "startDate": "2021-01-01",
             "endDate": "",
             "summary": " ",
-            "location": "St. Petersburg, FL",
+            "location": "Miami, FL",
             "highlights": [
                 "Started the company"
             ]
@@ -134,10 +146,10 @@
             "keywords": ["HTML", "CSS", "Javascript", "React", "Frontend"]
         },
         {
-            "name": "Kubernetes",
+            "name": "Terraform",
             "level": "Master",
             "value": 40,
-            "keywords": ["AWS", "Azure", "Kubernetes"]
+            "keywords": ["AWS", "Azure", "Terraform"]
         },
         {
             "name": "C#",
@@ -216,7 +228,7 @@
             "endDate": "2021-01-01"
         },
         {
-            "index": 2,
+            "index": 1,
             "date": {
                 "month": 11,
                 "year": 2018
@@ -231,22 +243,90 @@
             "link": "https://www.dominos.com.tr/",
             "name": "Domino's Turkey",
             "endDate": "2018-11-01"
+        },
+        {
+            "index": 1,
+            "date": {
+                "month": 1,
+                "year": 2023
+            },
+            "description": "AskElle AI",
+            "id": "7f1f4257-e5db-477d-aa5f-ababe0ab0b12",
+            "images": [
+                {
+                    "url": "https://is1-ssl.mzstatic.com/image/thumb/Purple116/v4/7d/c7/cb/7dc7cb9a-a920-d943-b69c-331cddcb5406/AppIcon-0-1x_U007emarketing-0-7-0-85-220.png/492x0w.webp"
+                }
+            ],
+            "link": "https://apps.apple.com/tr/app/askelle-ai/id6471620444",
+            "name": "AskElle AI",
+            "endDate": "2023-01-01"
+        },
+        {
+            "index": 1,
+            "date": {
+                "month": 1,
+                "year": 2023
+            },
+            "description": "lute.ly",
+            "id": "7f1f4257-e5db-477d-aa5f-ababe0ab0b12",
+            "images": [
+                {
+                    "url": "https://lute.ly/favicon.ico"
+                }
+            ],
+            "link": "https://lute.ly",
+            "name": "License Lounge",
+            "endDate": "2023-01-01"
+        },
+        {
+            "index": 1,
+            "date": {
+                "month": 1,
+                "year": 2022
+            },
+            "description": "CrewMeUp",
+            "id": "7f1f4257-e5db-477d-aa5f-ababe0ab0b12",
+            "images": [
+                {
+                    "url": "https://is1-ssl.mzstatic.com/image/thumb/Purple116/v4/73/81/28/7381289a-ac46-af3a-fbc1-c70b3e9fdc84/AppIcon-1x_U007emarketing-0-7-0-85-220.png/492x0w.webp"
+                }
+            ],
+            "link": "https://apps.apple.com/us/app/crew-me-up/id1482684249",
+            "name": "CrewMeUp",
+            "endDate": "2022-01-01"
+        },
+        {
+            "index": 1,
+            "date": {
+                "month": 1,
+                "year": 2023
+            },
+            "description": "iCharter booking",
+            "id": "7f1f4257-e5db-477d-aa5f-ababe0ab0b12",
+            "images": [
+                {
+                    "url": "https://icharterbooking.com/favicon.ico"
+                }
+            ],
+            "link": "https://icharterbooking.com",
+            "name": "iCharter",
+            "endDate": "2023-01-01"
         }
     ],
     "specific": {
         "basics": {
-            "personalDescription": "Developing fault-tolerant distributed scaled systems. Programmer, technical leader, software architect with 10+ years of experience."
+            "personalDescription": "Passionate about crafting fault-tolerant distributed scaled systems, I bring more than a decade of hands-on experience as a Programmer, Technical Leader, and Software Architect. I thrive on driving innovative solutions to tackle challenges and deliver impactful results."
         },
         "dreamJob": {
             "locations": [
                 {
                     "name": "United States"
                 },
                 {
-                    "name": "Mexico"
+                    "name": "Portugal"
                 },
                 {
-                    "name": "Portugal"
+                    "name": "Spain"
                 }
             ],
             "remoteFrequency": "regularly"
@@ -271,10 +351,10 @@
             "otherExperienceYears": 0
         },
         "exchange": {
-            "embedUrl": "https://exchange.alpdogan.co/#/swap?inputCurrency=0xe9e7CEA3DedcA5984780Bafc599bD69ADd087D56&outputCurrency=0xf4d62b3aed85b648f330a442db8ac820a1bc932f&exactAmount=1"
+            "embedUrl": "https://avatar.alpdogan.co"
         },
         "sound": {
-            "embedUrl": "https://open.spotify.com/embed/playlist/37i9dQZF1DWWQRwui0ExPn"
+            "embedUrl": "https://open.spotify.com/embed/playlist/25ZhMYdyB7lqYGXCsdE5TA"
         },
         "interestedBy": "golang, blockchain, defi etc."
     },

diff --git a/src/package/assets/icons/brands/ai.svg b/src/package/assets/icons/brands/ai.svg
diff --git a/src/package/assets/icons/brands/token.svg b/src/package/assets/icons/brands/token.svg
diff --git a/src/package/components/cards/cards_types/exchange/exchange_back/exchange_back.jsx b/src/package/components/cards/cards_types/exchange/exchange_back/exchange_back.jsx
@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useMemo, useState } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
 
 import { createUseStyles, useTheme } from 'react-jss';
 import { AnimatePresence, motion } from 'framer-motion';
@@ -70,12 +70,15 @@ const Content = ({ data, handleAddButtonClick, classes }) => {
                 height={height}
                 width={width}
                 frameBorder="0"
-                allow="encrypted-media"
+                allow="microphone"
                 onLoad={handleLoad}
                 animate={{ opacity: hasLoaded ? 1 : 0 }}
+                scrolling="no"
             />
         </>
     );
 };
 
+
+
 export const ExchangeBack = memo(ExchangeBackComponent);
diff --git a/src/package/components/cards/cards_types/exchange/exchange_back/exchange_back_styles.js b/src/package/components/cards/cards_types/exchange/exchange_back/exchange_back_styles.js
@@ -7,7 +7,8 @@ export const styles = {
         width: '100%',
         position: 'absolute',
         top: 0,
-        left: 0
+        left: 0,
+        zoom: 1.25
     },
     loadingSpinnerContainer: {
         position: 'relative'

diff --git a/src/package/components/cards/cards_types/exchange/exchange_card.jsx b/src/package/components/cards/cards_types/exchange/exchange_card.jsx
@@ -27,6 +27,7 @@ const ExchangeCardComponent = ({ variant, side }) => {
     if (!isComplete && mode !== 'edit') {
         return null;
     }
+
     return (
         <ProfileCard
             kind="exchange"

diff --git a/src/package/components/cards/cards_types/exchange/exchange_front/exchange_front.jsx b/src/package/components/cards/cards_types/exchange/exchange_front/exchange_front.jsx
@@ -11,7 +11,9 @@ import { ProfileCardFrontTypography } from '../../../../commons/profile_card/pro
 import { ProfileCardActions } from '../../../../commons/profile_card/profile_card_actions/profile_card_actions';
 import { ProfileCardButton } from '../../../../commons/profile_card/profile_card_button/profile_card_button';
 
-import { ReactComponent as ExchangeLogo } from '../../../../../assets/icons/brands/token.svg';
+// import { ReactComponent as ExchangeLogo } from '../../../../../assets/icons/brands/token.svg';
+import { ReactComponent as AILogo } from '../../../../../assets/icons/brands/ai.svg';
+
 import { SIDES } from '../../../../commons/profile_card/profile_card_side/side';
 
 import { styles } from './exchange_front_styles';
@@ -38,7 +40,7 @@ const ExchangeFrontComponent = ({ data, handleAddButtonClick }) => {
             {data?.embedUrl && (
                 <ProfileCardActions>
                     <ProfileCardButton onClick={handleButtonClick}>
-                        <FormattedMessage id="Exchange.front.button" defaultMessage="Exchange" />
+                        <FormattedMessage id="Exchange.front.button" defaultMessage="Talk" />
                     </ProfileCardButton>
                 </ProfileCardActions>
             )}
@@ -52,9 +54,9 @@ const Content = ({ data, handleAddButtonClick, classes }) => {
     }
     return (
         <>
-            <ProfileCardFrontVector classes={{ container: classes.logo }} vector={ExchangeLogo} />
+            <ProfileCardFrontVector classes={{ container: classes.logo }} vector={AILogo} />
             <ProfileCardFrontTypography classes={{ container: classes.typography }}>
-                <FormattedMessage id="Exchange.front.title" defaultMessage="Discover my personal exchange" />
+                <FormattedMessage id="Exchange.front.title" defaultMessage="Discover my personal ai assistant" />
             </ProfileCardFrontTypography>
         </>
     );

diff --git a/src/package/components/commons/search_gif_dialog/search_gifs_dialog.tsx b/src/package/components/commons/search_gif_dialog/search_gifs_dialog.tsx
@@ -32,7 +32,7 @@ const SearchGifsDialogComponent: React.FC<
     const [query, setQuery] = useState('');
     const [debouncedQuery] = useDebounce(query, 500);
 
-    const handleInputChange = useCallback((event) => setQuery(event.target.value), []);
+    const handleInputChange = useCallback((event: { target: { value: React.SetStateAction<string>; }; }) => setQuery(event.target.value), []);
 
     return (
         <Dialog
@@ -103,17 +103,16 @@ const Results: React.FC<{
                 gifs &&
                 debouncedQuery &&
                 gifs.map((payload) => (
-                    <Tooltip key={`giphy_item_${payload.id}`} title="Select this gif">
-                        <button
-                            key={`result_${payload.id}`}
-                            type="button"
-                            className={classes.imageContainer}
-                            onClick={handleClick(payload)}
-                        >
-                            <img className={classes.image} src={payload.url} alt={payload.title} />
-                            {payload.user && <GifAuthorCredits user={payload.user} />}
-                        </button>
-                    </Tooltip>
+
+                    <button
+                        key={`result_${payload.id}`}
+                        type="button"
+                        className={classes.imageContainer}
+                        onClick={handleClick(payload)}
+                    >
+                    <img className={classes.image} src={payload.url} alt={payload.title} />
+                    {payload.user && <GifAuthorCredits user={payload.user} />}
+                </button>
                 ))}
         </div>
     );

diff --git a/src/package/i18n/en.json b/src/package/i18n/en.json
@@ -253,8 +253,8 @@
   "Soundtrack.editDialog.embedUrl.title": "Enter a Spotify embed URL",
   "Soundtrack.front.button": "My playlist",
   "Soundtrack.front.title": "Discover my favourite tracks",
-  "Exchange.front.title": "Exchange your tokens",
-  "Exchange.front.button": "Exchange",
+  "Exchange.front.title": "Discover Generative AI",
+  "Exchange.front.button": "Discover",
   "Sountrack.editDialog.title": "Embed your musical tastes in your profile.",
   "Studies.back.title": "Studies",
   "Studies.editDialog.diploma.date": "Graduating year.",