PageSourceSearch

https://www.morikaglobal.com/

html morikaglobal.com collected 2026-09-28 10:42:28 UTC 38,278 bytes, 691 lines download raw bytes

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.