1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <!-- Global site tag (gtag.js) - Google Analytics starts -->
vendor: 68 bytes, lines 5-6
5 6 <script async src="https://www.googletagmanager.com/gtag/js?id=
6UA-130241617-1
vendor: 16 bytes, lines 6-7
6"></script> 7
7<script> 8
vendor: 155 bytes, lines 8-12
8window.dataLayer = window.dataLayer || []; 9 function gtag() { dataLayer.push(arguments); } 10 gtag('js', new Date()); 11 12 gtag('config', '
12UA-130241617-1
vendor: 8 bytes, lines 12-13
12'); 13
13</script>
13 14 <!-- Global site tag (gtag.js) - Google Analytics ends --> 15 16 <meta charset="utf-8"> 17 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 18 19 <!-- Bootstrap CSS --> 20 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" 21 crossorigin="anonymous"> 22 23 <title>MORIKA | Portfolio</title> 24 <link rel="shortcut icon" href="assets/images/MORIKA GLOBAL favicon.ico"> 25 26 <link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700,800" rel="stylesheet"> 27 <link rel="stylesheet" href="assets/stylesheets/main.css"> 28 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" 29 crossorigin="anonymous"> 30</head> 31 32<body> 33 34 <header id="top"> 35 <nav class="navbar navbar-expand-md navbar-dark fixed-top" id="navbar-scroll"> 36 <div class="container"> 37 <a class="navbar-brand" href="#top">MORIKA Portfolio</a> 38 39 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" 40 aria-label="Toggle navigation"> 41 <span class="navbar-toggler-icon"></span> 42 </button> 43 <div class="collapse navbar-collapse text-center" id="navbarNav"> 44 <ul class="navbar-nav ml-auto" id="menu-bg"> 45 <li class="nav-item"> 46 <a class="nav-link" href="#about">ABOUT</a> 47 </li> 48 <li class="nav-item"> 49 <a class="nav-link" href="#skills">SKILLS</a> 50 </li> 51 <li class="nav-item"> 52 <a class="nav-link" href="#portfolio">PORTFOLIO</a> 53 </li> 54 <li class="nav-item"> 55 <a class="nav-link" href="#contactme">CONTACT</a> 56 </li> 57 </ul> 58 </div> 59 60 </div> 61 </nav> 62 </header> 63 64 65 <div class="jumbotron jumbotron-extend mb-0"> 66 <div class="container-fluid text-center text-white" id="title"> 67 <h1>MORIKA | Portfolio</h1> 68 <h2>Python | Data Science & AI | Consultation</h2> 69 <p><a class="btn btn-primary btn-lg" href="#portfolio" role="button">SEE MY WORK</a></p> 70 </div> 71 72 73 <a class="pointer hidden-xs" href="#about"> 74 <span class="icon-scroll"> 75 <span class="movement"></span> 76 </span> 77 </a> 78 79 80 </div> 81 82 83 <div class="container text-center" id="about"> 84 <div class="about-text"> 85 86 <h3>Welcome to my Portfolio</h3> 87 88 <h4><span>I am a female Python professional based in Japan</span><span>with passion in Data Analysis, Data Utilisation and AI</span><br><br><span>bilingual in Japanese and English with extensive work experience from working in multinational companies when she worked in Hong Kong</span><span> with strong Sales/Consultation/Business Development/Client Success/Data Analysis background serving global corporate clients</span><br><br> 89 <span>Recently certified with Claude Certified Architect - Foundations (CCA-F) from Anthropic as well as Snowflake certification with great interest in its Cortex AI for what it enables with Data Utilisation and Transformation for corporate clients with their data assets</span><br><br> 90 <span>I have also helped many top corporate clients in Japan with my technical consultation with my Python skills and applied AI technologies to help them understand their valuable data and transform them into valuable and actionable business insights with my work as FDE</span> 91 </h4><br> 92 93 <p>Please take a look at few parts of projects I have worked on below<br> and feel free to contact me for any questions
94 <span>or if you are interested in working together, please get in touch!</span></p> 95 96 <p><a class="btn btn-primary btn-lg" href="#contactme" role="button">CONTACT ME</a></p> 97 </div> 98 </div> 99 100 101 <div class="container-fluid" id="skills"> 102 103 <div class="row justify-content-center text-white mb-3"> 104 <div class="col-lg-3 col-md-9 col-sm-6 d-flex justify-content-around skillicon"> 105 <i class="fab fa-html5 fa-2x"></i> 106 107 <i class="fab fa-css3 fa-2x"></i> 108 109 <i class="fab fa-js fa-2x"></i> 110 111 <i class="fab fa-python fa-2x"></i> 112 113 <!-- <i class="fab fa-database fa-2x"></i> --> 114 <i class="fa fa-database fa-2x"></i> 115 116 <i class="fab fa-github fa-2x"></i> 117 </div> 118 </div> 119 120 <div class="row justify-content-center skillbox"> 121 122 123 124 <div class="col-md-6 card-group"> 125 <div class="card-body"> 126 <h5 class="card-title text-center font-weight-bold"><i class="fas fa-code mr5"></i>Skillset</h5> 127 <p class="card-text"> 128 <ul> 129 <li>Python (NumPy, pandas, matplotlib, Jupyter Notebook, Google colaboratory, Flask and more)</li> 130 <li>Claude Certified Architect - Foundations (CCA-F) from Anthropic</li> 131 <li>Generative AI & Google ADK (OpenAI API, Gemini API, LangChain, LangExtract, Pydantic and more)</li> 132 <li>scikit-learn, NLP (spaCy, Transformers and more)</li> 133 <li>Snowflake - Snowpro Associate certification</li> 134 <li>SQL (SQLite, BigQuery, Snowflake, dbt)</li> 135 <li>tableau</li> 136 <li>GCP</li> 137 <li>Git/GitHub</li> 138 <br> 139 <li>HTML</li> 140 <li>CSS</li> 141 <li>Bootstrap4</li> 142 <li>JavaScript</li> 143 <li>jQuery</li> 144 <br> 145 <li>Google Analytics Individual Qualification (GAIQ)</li> 146 <li>Google AdWords Certified</li> 147 <li>UI/UX design</li> 148 <li>Responsive web design</li> 149 </ul> 150 </p> 151 </div> 152 </div> 153 154 <div class="col-md-6"> 155 <div class="card-body text-center"> 156 <h5 class="card-title text-center font-weight-bold"><i class="fas fa-laptop-code mr5"></i>Coding Courses</h5> 157 158 <div class="d-flex flex-column justify-content-around" id="spacing"> 159 160 <div> 161 <p class="card-text text-center">I have learnt from and participated in 162 bootcamps and online workshops from various organisations including: 163 </p> 164 </div> 165 <div> 166 <a href="https://frontendmasters.com/" target="_blank"> 167 <img class="card-img-top mx-auto" src="assets/images/frontendmasters.png" 168 alt="Frontend Masters"></a> 169 </div> 170 171 <div> 172 <a href="https://women-in-tech.org/" target="_blank"> 173 <img class="card-img-top mx-auto" src="assets/images/womenintech.jpg" alt="Women in Tech"></a> 174 </div> 175 176 <div> 177 <a href="https://aiplanet.com/community" target="_blank"> 178 <img class="card-img-top mx-auto" src="assets\images\AI_Planet_banner.png" alt="AI Planet"></a> 179 </div> 180 181 <div> 182 <a href="https://www.widsworldwide.org/" target="_blank"> 183 <img class="card-img-top mx-auto" src="assets\images\WiDS_logo_nav.png" 184 alt="Women in Data Science"></a> 185 </div> 186 </div> 187 188 </div> 189 </div> 190 </div> 191 192 </div> 193 194 <div class="container" id="portfolio"> 195 <h3 class="text-center mb-5">Portfolio</h3> 196 197 <div class="row"> 198 <div class="col-md-6 col-lg-7 text-center"> 199 <a href="https://github.com/morikaglobal/llm_response_structured_output_pydantic/blob/main/LLM_Responses_as_Structured_output_with_Gemini_API_and_Pydantic.ipynb" target="_blank"> 200 <img class="img-fluid" src="assets\images\LLM_Responses_as_Structured_output_with_Gemini_API_and_Pydantic.png" alt="LLM_Responses_as_Structured_output_with_Gemini_API_and_Pydantic"></a> 201 </div> 202 <div class="col-md-6 col-lg-5 info"> 203 <h4 class="text-center">LLM Responses as Structured output with Gemini API and Pydantic</h4> 204 <p>Using Pydantic to get LLM Responses from Gemini API as Structured output</p> 205 <ul> 206 <li>
206Gemini API for content generation</li> 207 <li>Pydantic for LLM Responses as Structured output</li> 208 <li>Pydantic for Data Extraction from LLM Responses</li> 209 </ul> 210 <div class="text-center"> 211 212 <a href="https://github.com/morikaglobal/llm_response_structured_output_pydantic/blob/main/LLM_Responses_as_Structured_output_with_Gemini_API_and_Pydantic.ipynb" class="btn btn-primary source" target="_blank"> 213 <i class="fas fa-code mr5"></i>View Source</a> 214 </div> 215 </div> 216 </div> 217 218 <div class="row"> 219 <div class="col-md-6 col-lg-7 text-center"> 220 <a href="https://github.com/morikaglobal/Gemini_API_Entity_Extraction" target="_blank"> 221 <img class="img-fluid" src="assets\images\Gemini_API_Entity_Extraction_with_Gemini_15_Flash.png" alt="Gemini_API_Entity_Extraction_with_Gemini_15_Flash"></a> 222 </div> 223 <div class="col-md-6 col-lg-5 info"> 224 <h4 class="text-center">Entity extraction from job descriptions with Gemini 1.5 Flash</h4> 225 <p>Extract certain entities from job description texts scraped and collected from job search site with Gemini 1.5 Flash</p> 226 <ul> 227 <li>Gemini Flash 1.5 with Entity Extraction</li> 228 <li>Gemini API with Prompt Engineering</li> 229 <li>NER Automation - Updating the dataframe with entities extracted in new columns</li> 230 </ul> 231 <div class="text-center"> 232 233 <a href="https://github.com/morikaglobal/Gemini_API_Entity_Extraction/blob/master/Entity_Extraction_with_Gemini_1_5_Flash.ipynb" class="btn btn-primary source" target="_blank"> 234 <i class="fas fa-code mr5"></i>View Source</a> 235 </div> 236 </div> 237 </div> 238 239 <div class="row"> 240 <div class="col-md-6 col-lg-7 text-center"> 241 <a href="https://chatwithpdf-gemini.streamlit.app/" target="_blank"> 242 <img class="img-fluid" src="assets\images\chatwithpdf-gemini.streamlit.app_screenshot.png" alt="chat_with_pdf_gemini_streamlitapp1"></a> 243 </div> 244 <div class="col-md-6 col-lg-5 info"> 245 <h4 class="text-center">RAG application with Gemini Pro API - Chat and ask question to multiple PDFs</h4> 246 <p>Chat and ask question to multiple PDFs using Gemini Pro API, FAISS and LangChain</p> 247 <ul> 248 <li>Gemini Pro API with LangChain</li> 249 <li>Google Generative AI Embedding and FAISS for vector database</li> 250 <li>Deployed on Streamlit</li> 251 </ul> 252 <div class="text-center"> 253 <a href="https://chatwithpdf-gemini.streamlit.app/" class="btn btn-info demo" target="_blank"> 254 <i class="fa fa-desktop mr5"></i>Live Demo</a> 255 256 <a href="https://github.com/morikaglobal/chat_with_pdf_gemini_streamlitapp1" class="btn btn-primary source" target="_blank"> 257 <i class="fas fa-code mr5"></i>View Source</a> 258 </div> 259 </div> 260 </div> 261 262 <div class="row"> 263 <div class="col-md-6 col-lg-7 text-center"> 264 <a href="https://github.com/morikaglobal/LLM_DocumentRetrieval_QandA/blob/master/Hotel_Review_QandA_with_Google_PaLM.ipynb" target="_blank"> 265 <img class="img-fluid" src="assets/images/LLM_DocumentRetrieval_QandA_Hotel_Review.png" alt="LLM_DocumentRetrieval_QandA_Hotel_Review"></a> 266 </div> 267 <div class="col-md-6 col-lg-5 info"> 268 <h4 class="text-center">LLM Project - Document question and answer system using Google PaLM and LangChain</h4> 269 <p>Question and Answer system to retrieve relevant hotel review from document (dataframe in this case)</p> 270 <ul> 271 <li>Google PaLM with LangChain</li> 272 <li>HuggingFace Embedding and FAISS for vector database</li> 273 <li>RetrievalQA to retrieve relevant reviews from the hotel review source dataframe</li> 274 </ul> 275 <div class="text-center"> 276 <a href="https://github.com/morikaglobal/LLM_DocumentRetrieval_QandA/blob/master/Hotel_Review_QandA_with_Google_PaLM.ipynb" class="btn btn-info demo" target="_blank"> 277 <i class="fa fa-desktop mr5"></i>Live Demo</a> 278 279 <a href="https://github.com/morikaglobal/LLM_DocumentRetrieval_QandA/blob/master/Hotel_Review_QandA_with_Google_PaLM.ipynb" class="btn btn-primary source" target="_blank"> 280 <i class="fas fa-code mr5"></i>View Source</a> 281 </div> 282 </div> 283 </div> 284 285 <div class="row"> 286 <div class="col-md-6 col-lg-7 text-center"> 287 <a href="https://github.com/morikaglobal/waterpipe_breakage_data_analysis" target="_blank"> 288 <img class="img-fluid" src="assets/images/waterpipe_breakage_ss.png" alt="waterpipe_breakage_data_analysis"></a> 289 </div> 290 <div class="col-md-6 col-lg-5 info"> 291 <h4 class="text-center">Data Analysis of water pipe breakage factors</h4> 292 <p>Google Colaboratory notebook of Data Analysis of potential factors affecting water pipe breakage</p> 293 <ul> 294 <li>EDA and Data Visualisation</li> 295 <li>Documented all analytical processes step by step with insights discovered from the data</li> 296 </ul> 297 <div class="text-center"> 298 <a href="https://github.com/morikaglobal/waterpipe_breakage_data_analysis" class="btn btn-info demo" target="_blank"> 299 <i class="fa fa-desktop mr5"></i>Live Demo</a> 300 301 <a href="https://github.com/morikaglobal/waterpipe_breakage_data_analysis/blob/master/waterpipe_breakage_data_analysis.ipynb" class="btn btn-primary source" target="_blank"> 302 <i class="fas fa-code mr5"></i>View Source</a> 303 </div> 304 </div> 305 </div> 306 307 <div class="row"> 308 <div class="col-md-6 col-lg-7 text-center"> 309 <a href="https://www.kaggle.com/smorika/code" target="_blank"> 310 <img class="img-fluid" src="assets/images/kaggle.png" alt="kaggle"></a> 311 </div> 312 <div class="col-md-6 col-lg-5 info"> 313 <h4 class="text-center">Kaggle dataset analysis</h4> 314 <p>Machine Learning competition notebooks and exploratory data analysis of several datasets on Kaggle</p> 315 <ul> 316 <li>EDA and Data Visualisation</li> 317 <li>Data analysis, Data pre-processing and Feature engineering of datasets</li> 318 <li>Machine Learning Classification with LightGBM</li> 319 </ul> 320 <div class="text-center"> 321 <a href="https://www.kaggle.com/smorika/code" class="btn btn-primary source" target="_blank"> 322 <i class="fas fa-code mr5"></i>View Code</a> 323 </div> 324 </div> 325 </div> 326 327 <div class="row"> 328 <div class="col-md-6 col-lg-7 text-center"> 329 <a href="https://covid19-tableau-299208.an.r.appspot.com/tracker" target="_blank"> 330 <img class="img-fluid" src="assets/images/COVID19 JAPAN Tracker_screenshot.png" alt="COVID19 TRACKER APP"></a> 331 </div> 332 <div class="col-md-6 col-lg-5 info"> 333 <h4 class="text-center">COVID19 Tracker App - JAPAN</h4> 334 <p>Python web application automates data extraction, processing and tableau visualization of latest covid19 data</p> 335 <ul> 336 <li>Built with Python and Flask</li> 337 <li>Data extraction, processing, transformation and Loading automated</li> 338 <li>Data visualization with <a 339 href="https://public.tableau.com/profile/sayaka.morita#!/vizhome/covid19Japantracker/MainDashboard" 340 target="_blank">tableau</a></li> 341 <li>Deployed on GCP with Docker</li> 342 </ul> 343 <div class="text-center"> 344 <a href="https://covid19-tableau-299208.an.r.appspot.com/tracker" class="btn btn-info demo" target="_blank"> 345 <i class="fa fa-desktop mr5"></i>Live Demo</a> 346 347 <a href="https://github.com/morikaglobal/covid19japan_tracker" class="btn btn-primary source" target="_blank"> 348 <i class="fas fa-code mr5"></i>View Source</a> 349 </div> 350 </div> 351 </div> 352 353 <div class="row"> 354 <div class="col-md-6 col-lg-7 text-center"> 355 <a href="https://public.tableau.com/app/profile/sayaka.morita/viz/DonaldTrumpTwitterAnalysis/ENGLISHVer_" target="_blank"> 356 <img class="img-fluid" src="assets/images/Donald_Trump_Twitter_Analysis_Tableau.png" alt="Donald Trump Twitter Analysis"></a> 357 </div> 358 <div class="col-md-6 col-lg-5 info"> 359 <h4 class="text-center">Donald Trump Twitter Analysis - tableau</h4> 360 <p>Analysis of Donald Trump's twitter and visualization on tableau</p> 361 <ul> 362 <li>Analysis of tweets in 2020</li> 363 <li>Analysis by different time periods and tweet topics</li> 364 <li>Data visualization with <a 365 href="https://public.tableau.com/app/profile/sayaka.morita/viz/DonaldTrumpTwitterAnalysis/ENGLISHVer_" 366 target="_blank">tableau</a></li> 367 </ul> 368 <div class="text-center"> 369 <a href="https://public.tableau.com/app/profile/sayaka.morita/viz/DonaldTrumpTwitterAnalysis/ENGLISHVer_" class="btn btn-info demo" target="_blank"> 370 <i class="fa fa-desktop mr5"></i>View tableau</a> 371 </div> 372 </div> 373 </div> 374 375 <div class="row"> 376 <div class="col-md-6 col-lg-7 text-center"> 377 <a href="https://doc-analyzer.an.r.appspot.com/" target="_blank"> 378 <img class="img-fluid docanalyzer" src="assets/images/translationdocumentanalyzer.png" alt="TRANSLATION DOCUMENT ANALYZER"></a> 379 </div> 380 <div class="col-md-6 col-lg-5 info"> 381 <h4 class="text-center">Translation Document Analyzer</h4> 382 <p>Product Demo built for a client, the app automates and analyzes actual and billable word counts for files for translation and store the uploaded files in online storage for translation projects using MateCat API 383 </p> 384 <ul> 385 <li>Built with Python and MateCat API</li> 386 <li>Uploaded files by the user are stored in Google Cloud Storage and files and the translation language pairs selected by the user sent as POST request to MateCat (AI driven translation tool) API, analyzed data returned gets displayed on the result page</li> 387 <li>Web deployment with Flask and deployed on GCP with Google App Engine with Cloud Storage API</li> 388 </ul> 389 <div class="text-center"> 390 <a href="https://doc-analyzer.an.r.appspot.com/" class="btn btn-info demo" target="_blank"> 391 <i class="fa fa-desktop mr5"></i>Live Demo</a> 392 393 <a href="https://github.com/morikaglobal/doc_analyzer" class="btn btn-primary source" 394 target="_blank"> 395 <i class="fas fa-code mr5"></i>View Source</a> 396 </div> 397 </div> 398 </div> 399 400 <div class="row"> 401 <div class="col-md-6 col-lg-7 text-center"> 402 <a href="https://github.com/morikaglobal/ta_review_anal
402yzer_heroku" target="_blank"> 403 <img class="img-fluid" src="assets/images/TA_reviewanalyzer.png" alt="TRIPADVISOR REVIEW ANALYZER APP"></a> 404 </div> 405 <div class="col-md-6 col-lg-5 info"> 406 <h4 class="text-center">Tripadvisor Review Analyzer App</h4> 407 <p>Python and selenium web application to scrape and analyzer tourist attraction reviews on Tripadvisor with Sentiment Analysis 408 </p> 409 <ul> 410 <li>Built with Python and selenium</li> 411 <li>Data extracted, processed, cleaned and analyzed with NLP tooklit NLTK</li> 412 <!-- <li>Web deployment with Flask and heroku</li> --> 413 </ul> 414 <div class="text-center"> 415 <!-- <a href="https://github.com/morikaglobal/ta_review_analyzer_heroku" class="btn btn-info demo" target="_blank"> 416 <i class="fa fa-desktop mr5"></i>Live Demo</a> --> 417 418 <a href="https://github.com/morikaglobal/ta_review_analyzer_heroku" class="btn btn-primary source" 419 target="_blank"> 420 <i class="fas fa-code mr5"></i>View Source</a> 421 </div> 422 </div> 423 </div> 424 425 <div class="row"> 426 <div class="col-md-6 col-lg-7 text-center"> 427 <a href="https://newsdatasummaryapp.herokuapp.com/" target="_blank"> 428 <img class="img-fluid" src="assets/images/appscreenshot.png" alt="NEWS DATA SUMMARIZER APP"></a> 429 </div> 430 <div class="col-md-6 col-lg-5 info"> 431 <h4 class="text-center">News Data Summarizer App</h4> 432 <p>Python web application to scrape and summarize web news data with Python libraries and NLP processing</p> 433 <ul> 434 <li>Built with Python and Flask</li> 435 <li>Data extracted, parsed and summarized with newspaper3k</li> 436 <li>App deployment on Google App Engine</li> 437 </ul> 438 <div class="text-center"> 439 <a href="https://newsdatasummary-app.de.r.appspot.com/" class="btn btn-info demo" target="_blank"> 440 <i class="fa fa-desktop mr5"></i>Live Demo</a> 441 442 <a href="https://github.com/morikaglobal/newsdatasummary_app" class="btn btn-primary source" target="_blank"> 443 <i class="fas fa-code mr5"></i>View Source</a> 444 </div> 445 </div> 446 </div> 447 448 <div class="row"> 449 <div class="col-md-6 col-lg-7 text-center"> 450 <a href="https://nbviewer.jupyter.org/github/morikaglobal/SFFilms_BigQuery_Data_Analysis/blob/master/GitHub_SFfilmlocation.ipynb" target="_blank"> 451 <img class="img-fluid" id="notebookimg" src="assets/images/sffilmjupyter.png" alt="San Francisco Film Location Jupyter Notebook"></a> 452 </div> 453 <div class="col-md-6 col-lg-5 info"> 454 <h4 class="text-center">Jupyter Notebook<br>BigQuery Data Analysis</h4> 455 <p>Analysis on BigQuery Public Dataset on San Francisco Film Location using Python and SQL</p> 456 <ul> 457 <li>Data Loading with BigQuery/SQL</li> 458 <li>Data Wrangling with Pandas and NumPy</li> 459 <li>Data Manipulation for analysis</li> 460 <li>Data Visualization with matplotlib</li> 461 </ul> 462 <div class="text-center"> 463 <a href="https://nbviewer.jupyter.org/github/morikaglobal/SFFilms_BigQuery_Data_Analysis/blob/master/GitHub_SFfilmlocation.ipynb" class="btn btn-info demo" target="_blank"> 464 <i class="fa fa-desktop mr5"></i>Live Demo</a> 465 466 <a href="https://github.com/morikaglobal/SFFilms_BigQuery_Data_Analysis" class="btn btn-primary source" target="_blank"> 467 <i class="fas fa-code mr5"></i>View Source</a> 468 </div> 469 </div> 470 </div> 471 472 <div class="row"> 473 <div class="col-md-6 col-lg-7 text-center"> 474 <a href="https://pythonnewsscraper.herokuapp.com/" target="_blank"> 475 <img class="img-fluid" id="scraperimg" src="assets/images/newsscraperapp.png" alt="NEWS SCRAPER APP"></a> 476 </div> 477 <div class="col-md-6 col-lg-5 info"> 478 <h4 class="text-center">News Scraper App</h4> 479 <p>Python web application to scrape, extract and load News website data using Beautiful Soup</p> 480 <ul> 481 <li>Built with Python and Flask</li> 482 <li>Data scraped with Beautiful Soup</li> 483 <li>App deployment on Google App Engine</li> 484 </ul> 485 <div class="text-center"> 486 <a href="https://python-newsscraperapp.an.r.appspot.com/" class="btn btn-info demo" target="_blank"> 487 <i class="fa fa-desktop mr5"></i>Live Demo</a> 488 489 <a href="https://github.com/morikaglobal/python_newsscraperapp" class="btn btn-primary source" 490 target="_blank"> 491 <i class="fas fa-code mr5"></i>View Source</a> 492 </div> 493 </div> 494 </div> 495 496 <div class="row"> 497 <div class="col-md-6 col-lg-7 text-center"> 498 <a href="https://recyclefinderhk.netlify.app/" target="_blank"> 499 <img class="img-fluid" src="assets/images/recyclefinderhk.png" alt="RECYCLEFinder HK"></a> 500 </div> 501 <div class="col-md-6 col-lg-5 info"> 502 <h4 class="text-center">RECYCLEFinder HK</h4> 503 <p>API Web application with interactive map to search and locate recyclable points in Hong Kong</p> 504 <ul> 505 <li>Built with HTML5, CSS3, Bootstrap4 and JavaScript</li> 506 <li>API with axios</li> 507 <li>Fully Responsive Design</li> 508 </ul> 509 <div class="text-center"> 510 <a href="https://recyclefinderhk.netlify.app/" class="btn btn-info demo" target="_blank" 511 Onclick="ga('send', 'event', 'link', 'click', 'Click for RECYCLEFinderHK Live Demo', true);"> 512 <i class="fa fa-desktop mr5"></i>Live Demo</a> 513 514 <a href="https://github.com/morikaglobal/RECYCLEFinderHK" class="btn btn-primary source" target="_blank" 515 Onclick="ga('send', 'event', 'link', 'click', 'Click for RECYCLEFinderHK Source Code', true);"> 516 <i class="fas fa-code mr5"></i>View Source</a> 517 </div> 518 </div> 519 </div> 520 521 <!-- <div class="row"> 522 <div class="col-md-6 col-lg-7 text-center"> 523 <a href="https://filmfinderapp.netlify.com/" target="_blank"> 524 <img class="img-fluid" src="assets/images/filmfinderapp.png" alt="FILM FINDER APP"></a> 525 </div> 526 <div class="col-md-6 col-lg-5 info"> 527 <h4 class="text-center">Film Finder App</h4> 528 <p>Web application using TMDB's API where a user can search for films with film titles or keywords built with JavaScript 529 </p> 530 <ul> 531 <li>Built with HTML5, CSS3, Bootstrap4 and JavaScript</li> 532 <li>TMDB's API</li> 533 <li>Fully Responsive Design</li> 534 </ul> 535 <div class="text-center"> 536 <a href="https://filmfinderapp.netlify.com/" class="btn btn-info demo" target="_blank" 537 Onclick="ga('send', 'event', 'link', 'click', 'Click for RECYCLEFinderHK Live Demo', true);"> 538 <i class="fa fa-desktop mr5"></i>Live Demo</a> 539 540 <a href="https://github.com/morikaglobal/movie_finder_app" class="btn btn-primary source" target="_blank" 541 Onclick="ga('send', 'event', 'link', 'click', 'Click for RECYCLEFinderHK Source Code', true);"> 542 <i class="fas fa-code mr5"></i>View Source</a> 543 </div> 544 </div> 545 </div> --> 546 547 <!-- <div class="row"> 548 <div class="col-md-6 col-lg-7 text-center"> 549 <a href="https://tokyoconference.netlify.com/" target="_blank"> 550 <img class="img-fluid" id="work1img" src="assets/images/tokyoconference.png" alt="Tokyo Conference"></a> 551 </div> 552 <div class="col-md-6 col-lg-5 pt-3 info"> 553 <h4 class="text-center">Tokyo Conference</h4> 554 <p>Multi-page responsive Conference website</p> 555 <ul> 556 <li>Built with HTML5, CSS3 and Bootstrap4</li> 557 <li>Fully Responsive Design</li> 558 </ul> 559 <div class="text-center"> 560 <a href="https://tokyoconference.netlify.com/" class="btn btn-info demo" target="_blank" Onclick="ga('send', 'event', 'link', 'click', 'Click for Tokyo Conference Live Demo', true);"> 561 <i class="fa fa-desktop mr5"></i>Live Demo</a> 562 563 <a href="https://github.com/morikaglobal/Tokyo-Conference" class="btn btn-primary source" target="_blank" Onclick="ga('send', 'event', 'link', 'click', 'Click for Tokyo Conference Source Code', true);"> 564 <i class="fas fa-code mr5"></i>View Source</a> 565 </div> 566 </div> 567 568 </div> --> 569 570 <div class="row"> 571 <div class="col-md-6 col-lg-7 text-center"> 572 <a href="#top"> 573 <img class="img-fluid" src="assets/images/morikaglobal.png" alt="MORIKA GLOBAL Portfolio Site"></a> 574 </div> 575 <div class="col-md-6 col-lg-5 info"> 576 <h4 class="text-center">Portfolio Site</h4> 577 <p>Modern, professional and fully responsive one page portfolio site</p> 578 <ul> 579 <li>Built with HTML5, CSS3, Bootstrap4 and JavaScript</li> 580 <li>Fully Responsive Design</li> 581 <li>Working contact form with validation</li> 582 <li>Email displayed but hidden with BASE64</li> 583 </ul> 584 <div class="text-center"> 585 <a href="#top" class="btn btn-info demo" Onclick="ga('send', 'event', 'link', 'click', 'Click for Portfolio Site Live Demo', true);"> 586 <i class="fa fa-desktop mr5"></i>Live Demo</a> 587 588 <!-- <a href="https://github.com/morikaglobal/MORIKA-GLOBAL-Portfolio-Site" class="btn btn-primary source" target="_blank" Onclick="ga('send', 'event', 'link', 'click', 'Click for Portfolio Site Source Code', true);"> 589 <i class="fas fa-code mr5"></i>View Source</a> --> 590 </div> 591 </div> 592 </div> 593 594 595 596 597 </div> 598 599 <footer id="contactme"> 600 <div class="container contactbox"> 601 602 <div class="text-center text-white contact py-4"> 603 <h3>SAY HELLO</h3> 604 <h4 class="pb-4"><span class="text-center">
604Interested in my work? </span><span>Please get in touch!</span></h4> 605 606 <div class="row text-center text-white font-weight-bold justify-content-center contacticon"> 607 <div class="col-md-3 col-12 my-2"> 608 609 <i class="far fa-envelope fa-2x pb-2"></i><br> 610 <a href="" id="hidden" Onclick="ga('send', 'event', 'link', 'click', 'Click to see the email address', true);"> 611 <h4>CLICK FOR EMAIL</h4> 612 </a> 613 614 </div> 615 616 <div class="col-md-3 col-6 my-2"> 617 <a class="nostyle" href="" Onclick="ga('send', 'event', 'link', 'click', 'Click on twitter icon', true);"> 618 <i class="fab fa-twitter fa-2x mx-3" data-toggle="tooltip" data-placement="top" title="COMING SOON"></i> 619 </a> 620 </div> 621 622 <div class="col-md-3 col-6 my-2"> 623 <a class="nostyle" href="https://github.com/morikaglobal" target="_blank" Onclick="ga('send', 'event', 'link', 'click', 'Click on github icon', true);"> 624 <i class="fab fa-github fa-2x mx-3"></i> 625 </a> 626 </div> 627 </div> 628 </div> 629 630 <form method='POST' name='contactform' novalidate onsubmit='return validateForm()'><input type='hidden' name='form-name' value='contactform' /> 631 <div class="form-group"> 632 <input type="text" name="name" class="form-control" id="name" placeholder="Your Name *"> 633 <div id="errormsg1"></div> 634 </div> 635 636 <div class="form-group"> 637 <input type="email" name="email" class="form-control" id="email" placeholder="Your Email *"> 638 <div id="errormsg2"></div> 639 </div> 640 641 <div class="form-group"> 642 <textarea name="message" class="form-control" id="message" rows="3" placeholder="Your message *"></textarea> 643 <div id="errormsg3"></div> 644 </div> 645 646 <div>
vendor: 64 bytes, line 646
646<script src='https://www.google.com/recaptcha/api.js'></script>
647<div class='g-recaptcha' data-sitekey='6LdnkKEqAAAAAPvyqoRAmjXxvE6evlb5z-5Ol90Y'></div> 648<noscript> 649 <div> 650 <div style="width: 302px; height: 422px; position: relative;"> 651 <div style="width: 302px; height: 422px; position: absolute;"> 652 <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LdnkKEqAAAAAPvyqoRAmjXxvE6evlb5z-5Ol90Y" frameborder="0" scrolling="no" 653 style="width: 302px; height:422px; border-style: none;"> 654 </iframe> 655 </div> 656 </div> 657 <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;"> 658 <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" 659 style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;" > 660 </textarea> 661 </div> 662 </div> 663</noscript> 664</div> 665 666 <button type="submit" name="submit" class="btn btn-primary" id="send">SEND MESSAGE</button> 667 </form> 668 669 <p class="text-white text-center mt-5 pagetop"> 670 <a href="#top">PAGE TOP</a></p> 671 672 <p class="text-white text-center py-1 mb-0 nostyle"><a href="#work1img">Built, designed and hard coded with <i class="fas fa-heart text-danger"></i> by <span id="green">MORIKA</span>© 2018</a></p> 673 674 </div> 675 676 </footer> 677 678 <!-- Optional JavaScript --> 679 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 680
680<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 681 crossorigin="anonymous"></script>
681 682
682<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 683 crossorigin="anonymous"></script>
683 684
684<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" 685 crossorigin="anonymous"></script>
685 686 687
687<script src="assets/js/main.js"></script>
687 688 689</body> 690 691</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.