added research area

Author: TheSYNcoder

public/index.html

@@ -9,6 +9,12 @@
       name="description"
       content="Personal Website of Shuvayan Ghosh Dastidar"
     />
+    <meta property="og:title" content="Shuvayan's Portfolio Website">
+    <meta property="og:description" content="Personal website of Shuvayan Ghosh Dastidar written in ReactJs and tailwindcss.">
+    <meta property="og:image" content="./pic1.jpg">
+    <meta property="og:url" content="https://thesyncoder.github.io">
+
+    <meta name="twitter:image" content="./pic1.jpg">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
 
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

public/pic1.jpg

@@ -24,19 +24,6 @@ import Mail from "./Components/Mail";
 const Component = () => {
   const { theme, setTheme } = useTheme();
   const  [ state, dispatch ] = useContext(Context);
-  const options = {
-    cMapUrl: 'cmaps/',
-    cMapPacked: true,
-  };
-
-  // const [file, setFile] = React.useState(pdfFile);
-  // const [numPages, setNumPages] = React.useState(null);
-  // const [pageNumber, setPageNumber] = React.useState(1);
-
-  // function onDocumentLoadSuccess({ numPages: nextNumPages }) {
-  //   console.log('doc loaded');
-  //   setNumPages(nextNumPages);
-  // }
 
   React.useEffect(() => {    
     setTheme('dark');    
@@ -61,43 +48,13 @@ const Component = () => {
 
   return (
     <div className="relative bg-transparent" style={{zIndex :2}}>
-      {/* <div className="flex justify-items-center align-middle">
-        <button className="rounded-xl h-6 w-12 bg-red-400 dark:bg-white text-black focus:outline-none"
-          onClick={() => {
-            setTheme(theme === 'dark' ? 'light' : 'dark'
-            );
-          }}
-        >Toggle</button>
-        <button className="rounded-xl h-6 w-12 bg-red-400 dark:bg-white text-black focus:outline-none"
-        onClick = {() => dispatch({type : "NEW_WINDOW" , payload : { id : '123343', header : true }})}
-        >Click to open</button>
-        <button className="rounded-xl h-24 w-24 ml-5 bg-red-400 dark:bg-white text-black focus:outline-none"
-        onClick = {() => dispatch({type : "NEW_WINDOW" , payload : { id : '1231ew43', header : true }})}
-        >Click to open different</button>
-        <button className="rounded-xl h-40 w-24 ml-5 bg-red-400 dark:bg-white text-black focus:outline-none"
-        onClick = {() => dispatch({type : "NEW_WINDOW" , payload : { id : 'PROFILE', header : true }})}
-        >Click to open Profile</button>
-        <button className="rounded-xl h-40 w-24 ml-5 bg-red-400 dark:bg-white text-black focus:outline-none"
-        onClick = {() => dispatch({type : "NEW_WINDOW" , payload : { id : 'TERMINAL', header : true, title :"Terminal" }})}
-        >Click to open terminal</button>
-      </div> */}
       <div>
         {state.windowsOpen.map(w =>
           <Draggable key={w.id} id={w.id} header={w.header} title={w.title} >
             { getComponent(w.id) }
             </Draggable>
-
         )}
       </div>
-      {/* <div className="relative z-20 w-2/3">
-        <Document
-          file={file}
-          onLoadSuccess={onDocumentLoadSuccess}
-          options={options}
-        >
-          <Page pageNumber={pageNumber} width={600} />
-        </Document>
-      </div> */}
     </div>
   );
 } 

src/App.js

@@ -4,6 +4,7 @@ import About from './Screens/About';
 import Projects from './Screens/Projects';
 import Research from './Screens/Research';
 import Timeline from "./Timeline";
+import Resume from "./Screens/Resume";
 
 import AboutSVG from "../Assets/profile.svg"
 import ProjectSVG from "../Assets/project.svg"
@@ -20,7 +21,8 @@ const Profile = (props) => {
         'about' : <About/>,
         'projects' : <Projects/>,
         'research' : <Research/>,
-        'timeline' : <Timeline/>
+        'timeline' : <Timeline/>,
+        'resume' : <Resume />,
     }
 
     const changeScreen = (e) => {
@@ -58,6 +60,10 @@ const Profile = (props) => {
                     <img className=" w-2 md:w-4 " alt="Timeline" src={ Clock }/>
                     <span className=" ml-1 md:ml-2 text-black text-xs dark:text-white">Timeline</span>
                 </div>
+                <div tabIndex="0" onFocus={() => changeScreen('resume')} className={(activeScreen === "resume" ? " bg-gray-300  bg-opacity-100 hover:bg-opacity-95" : " hover:bg-gray-50 hover:bg-opacity-5 ") + " w-28 md:w-full  rounded-lg cursor-default outline-none py-1.5 focus:outline-none duration-100 my-0.5 flex items-center pl-2 md:pl-2.5"}>
+                    <img className=" w-2 md:w-4 " alt="Timeline" src={ Clock }/>
+                    <span className=" ml-1 md:ml-2 text-black text-xs dark:text-white">Resume</span>
+                </div>
 
             </div>
         );

src/Assets/Shuvayan.pdf

@@ -2,7 +2,26 @@ import React from 'react';
 
 const Research = () => {
     return (
-        <div className="text-black">Research</div>
+        <div>
+            <div className="items-center flex flex-col h-full w-full">
+                <div className="text-xl dark:text-white text-black font-black">Research Work</div>
+                <div className="flex mx-7 my-3">
+                    <ul className="list-none">
+                        <li className="text-md font-medium dark:text-white text-black my-2">Worked at Jadavapur University CMATER (DVLP) Lab and was involved in making classification and segmentation models for the task of scene text detection. Also worked on making of the  <a className="border-b-2 border-black dark:border-white" href="https://dvlp.herokuapp.com/">Lab website</a></li>
+                        <li className="text-md font-medium dark:text-white text-black my-2">Worked under Prof. Biplab Banerjee of Indian Institute of Technology, Bombay to develop models for screening of covid affected patients from Chest-Xray images. Many appraches were experimented upon including an adversarial approach involving domain adaptation.</li>
+                    </ul>
+                </div>
+                <div className="text-xl dark:text-white text-black font-black">Publications and Blogs</div>
+                <div className="flex mx-7 my-3">
+                    <ul className="list-decimal">
+                        <li className="text-md font-medium dark:text-white text-black my-2">Accepted at CICBA international conference - Exploring Knowledge Distillation of a Deep Neural Network for Multi-Script identification . <a className="border-b-2 border-black dark:border-white" href="https://arxiv.org/abs/2102.10335">[Link]</a> . <a className="border-b-2 border-black dark:border-white" href="https://drive.google.com/file/d/1ReOFt0V73ASUDIk02pL1ubYUb_duEVgH/view?usp=sharing">[Certificate]</a> </li>
+                        <li className="text-md font-medium dark:text-white text-black my-2">Image processing with OpenCV published in medium publication - Towards AI. <a className="border-b-2 border-black dark:border-white" href="https://pub.towardsai.net/image-processing-basics-through-opencv-e9cbc6130821">[Link]</a></li>
+                        <li className="text-md font-medium dark:text-white text-black my-2">Spring Boot web application and making a docker container and dockerizing it in medium publication - Geek Culture. <a className="border-b-2 border-black dark:border-white" href="https://medium.com/geekculture/a-full-stack-e-commerce-application-using-spring-boot-and-making-a-docker-container-eff46f6f4e14">[Link]</a></li>
+                        <li className="text-md font-medium dark:text-white text-black my-2">A React frontend for a spring boot application in medium publication - Geek Culture. <a className="border-b-2 border-black dark:border-white" href="https://medium.com/geekculture/a-reactjs-web-application-with-a-spring-boot-backend-and-containerizing-it-using-docker-3eeaed8cb45a">[Link]</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
     )
 }
 

src/Components/Profile.js

@@ -0,0 +1,7 @@
+
+import Shuvayan from "../../Assets/Shuvayan.pdf";
+const Resume = () => {
+    return <iframe className="h-full w-full" src={Shuvayan} title="Shuvayan's Resume"></iframe>
+}
+
+export default Resume;

src/Components/Screens/Research.js

@@ -197,21 +197,28 @@ const Terminal = (props) => {
         var validDir = currDir === 'shuvayan' ? Object.keys(dirStr) : dirStr[currDir];
         var filenames = Object.keys(JSON.parse(localStorage.getItem('files')));
         // cannot open files
-        const appname =tokens[1];
+        const appname =tokens[1].toLowerCase();
         if ( filenames.indexOf( currDir + '/' + appname ) !== -1){
             return [ 'open: error: cannot open file : ' + appname];
         }
         // open finder on not app 
 
         // TODO fix implementation of finder and mail apps
-        var dirs = Object.keys(JSON.parse(localStorage.getItem('localstructure')));
-        if ( dirs.indexOf( currDir + '/' + appname ) !== -1){
-            dispatch({ type: "NEW_WINDOW", payload: { id: 'RANDOM', header: true, title : appname } })
-            return ret;
-        }
+        // var dirs = Object.keys(JSON.parse(localStorage.getItem('localstructure')));
+        // if ( dirs.indexOf( currDir + '/' + appname ) !== -1){
+        //     dispatch({ type: "NEW_WINDOW", payload: { id: 'RANDOM', header: true, title : appname } })
+        //     return ret;
+        // }
         var validApps = dirStr['shuvayan/applications'].map(e => e.toLowerCase());
         if (currDir === 'shuvayan/applications' && validApps.indexOf(appname) !== -1){  
-            dispatch({ type: "NEW_WINDOW", payload: { id: 'RANDOM', header: true, title: appname } })
+            if ( appname === 'terminal.app'){
+                dispatch({ type: "NEW_WINDOW", payload: { id: 'TERMINAL', header: true, title: appname } })
+            } else if ( appname === 'mail.app'){
+                dispatch({ type: "NEW_WINDOW", payload: { id: 'MAIL', header: true, title: appname } });
+            } else {
+                dispatch({ type: "NEW_WINDOW", payload: { id: 'PROFILE', header: true, title: appname } });
+            }
+            
             return ret;
         }
         return ['open: error: cannot open ' + appname]