ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

publish all projects

Browse source
This commit is contained in:
Ayo 2023-05-28 21:13:34 +02:00
parent 7ef11c9852
commit c0fa95fb94
13 changed files with 143 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
_drafts/2018-09-24-angular-ghpages.md
View file

@ -50,7 +50,7 @@ ng serve
After this, you may browse to [http://localhost:4200](http://localhost:4200) to see the basic Angular app that angular-cli scaffolded for you.
{% include image.html url="assets/images/screenshots/github/HelloMyApp.png" description="A very basic Angular app build with Angular CLI" %}
{% include image.html url="/assets/images/screenshots/github/HelloMyApp.png" description="A very basic Angular app build with Angular CLI" %}
For more information on Angular CLI and how it works, read up on the documentations in [their website](https://cli.angular.io).
@ -61,15 +61,15 @@ Now that you have a working Angular project on your local machine, you need to c
Here's what you need to do.
If you don't have a Github account yet, head [over there](https://github.com) and create one now. Here's a previous post on [why every developer needs to do this anyway](/git-and-github).
{% include image.html url="assets/images/screenshots/github/Home.png" description="Github is built for developers. It's the world's leading software development platform." %}
{% include image.html url="/assets/images/screenshots/github/Home.png" description="Github is built for developers. It's the world's leading software development platform." %}
Next, create the repository for your Angular project.
Just click the plus icon "+" in your Github dashboard, then click the "New repository" in the menu that pops up.
{% include image.html url="assets/images/screenshots/github/NewRepo.png" description="Your personal Github dashboard shows general information on your Github activities" %}
{% include image.html url="/assets/images/screenshots/github/NewRepo.png" description="Your personal Github dashboard shows general information on your Github activities" %}
This will then lead you to a page where you need to input the details for your new Github repository.
{% include image.html url="assets/images/screenshots/github/NewRepoDetails.png" description="The creation of a new Github repository" %}
{% include image.html url="/assets/images/screenshots/github/NewRepoDetails.png" description="The creation of a new Github repository" %}
Put the repository name you want and an optional description for the project.
@ -89,7 +89,7 @@ Here's a good [document](https://help.github.com/articles/adding-a-new-ssh-key-t
Right after you create the Github repository, a page will detail some options on how to fill up the new repository with files:
{% include image.html url="assets/images/screenshots/github/UploadToRepo.png" %}
{% include image.html url="/assets/images/screenshots/github/UploadToRepo.png" %}
We will do the steps under the third option: **push an existing repository from the command line**
@ -101,7 +101,7 @@ git push -u master
After doing the commands, you may now refresh the Github repository page and find your files listed there.
{% include image.html url="assets/images/screenshots/github/RepoFiles.png" %}
{% include image.html url="/assets/images/screenshots/github/RepoFiles.png" %}
With your files now up in your repository, it's now time to setup your project's Github Pages.

6
_drafts/2023-03-23-no-tracking.md
View file

@ -6,13 +6,13 @@ description: "I was never happy about being tracked, why should I do that to oth
category: personal
---
Recently, I deleted all the scripts on my personal site that use cookies to track visitors.
Back in 2021, I deleted my Facebook account that had thousands of connections, and created a new one just for closest family members and friends.
Some time before that, I deleted an older Twitter account with hundreds of followers to create a [new one](https://twitter.com/ayoayco) that I wanted to be more focused.
It's quite liberating, but apparently those were just the beginning of my "cutting ties" with big tech.
It's quite liberating, but apparently those were just the beginning of my "cutting ties" with big tech.<!--more-->
I deleted all the scripts on my personal sites that use cookies to track visitors.
<!--more-->
## The Social Media Business Model

2
_drafts/2023-05-22-holding-off-rewrite.md
View file

@ -1,7 +1,7 @@
---
title: "Seriously Holding Off this Blog's Rewrite to Focus on Content"
description: "Have you ever heard the joke about the web developer who also has a blog? I'm that web developer."
category: projects
category: personal
permalink: /:title/
---

2
_layouts/default.html
View file

@ -18,7 +18,7 @@
<nav id="side-nav" class="float-left">
<div class="side-panel side-panel-top" id="about-me">
<div class="ayo-thumb">
<img src="../assets/images/ayo.png" alt="{{ site.description }}" />
<img src="/assets/images/ayo.png" alt="{{ site.description }}" />
</div>
<h2>{{ site.description }}</h2>
</div>

22
_posts/2014-07-01-project-noah.md Normal file
View file

@ -0,0 +1,22 @@
---
title: Nationwide Operational Assessment of Hazards
duration: "July 2014 to December 2015"
permalink: /:title
description: WebGIS Platform for Disaster and Risk Reduction Mitigation and Management.
category: projects
---
Project [NOAH](https://noah.up.edu.ph) is a multidisciplinary flagship project funded by the [Department of Science and Technology](http://dost.gov.ph) for the country's Disaster and Risk Reduction Mitigation and Management.
Built with various open source technologies such as Python, Open Layers 3, Tornado Web, we used AngularJS as the framework for the web application.
**My role:** Senior Frontend Engineer
- introduced new technologies to upgrade v.1 of the Project NOAH
web app
- worked on the development of v.2 of the Project NOAH web
app, a government-funded flagship real-time information platform
to address the Philippines’ disaster problems
- contributed technical insight for valuable research output of the
project
**Technologies:** AngularJS, HTML, JavaScript, CSS, Python, PostgreSQL

25
_posts/2015-01-01-websafe.md Normal file
View file

@ -0,0 +1,25 @@
---
title: "WebSAFE"
duration: "January to December 2015"
permalink: /:title
description: "Impact assessment tool for dealing with natural hazards"
category: projects
---
WebSAFE is an impact assessment tool for calculating needs for the effects of natural hazards on exposed assets such as people and infrastructure.
Built with free and open source software InaSAFE at its core, WebSAFE is an impact assessment tool used in the Philippines to calculate the needs of a community considering the effects of a particular hazard. This feature is accessible in the Project NOAH web app.
**My role:** Project Manager and Lead Software Engineer
- spearheaded the overall development of WebSAFE, an impact
assessment tool for calculating needs for the effects of natural
hazards on exposed assets such as people and infrastructure
- lead the team of WebSAFE software developers and GIS specialists
to innovate on the open-source tool InaSAFE, and build the web
app for impact calculation of natural hazard and exposure in
specific areas in the Philippines
- presented WebSAFE in international and local conferences as a
best practice in harnessing science and technology for disaster
management
**Technologies:** AngularJS, HTML, JavaScript, CSS, Python, PostgreSQL

11
_posts/2015-01-08-philgrss.md Normal file
View file

@ -0,0 +1,11 @@
---
title: "PhilGRSS Website"
project-date: "2015"
permalink: /:title
description: "Philippine Geosciences and Remote Sensing Societ"
category: projects
---
This is a website for the Philippine Geosciences and Remote Sensing Society (PhilGRSS), a group of experts in the field of Remote Sensing whose objective is to promote and advance the application of Remote Sensing.
**Technologies:** Wordpress, PHP, HTML, JavaScript, CSS, MySQL

1
_posts/2015-11-14-devcon-summit-2015.md
View file

@ -3,6 +3,7 @@ title: WebSAFE - DevCon Summit 2015
permalink: /:title/
image: devcon-summit-2015
description: "Presented WebSAFE as a scalable tool for disaster mitigation in the Web Development Special Track"
category: talks
---
During [DevCon Summit 2015](https://devcon.ph/), I presented the technologies used to develop WebSAFE as a scalable tool for disaster mitigation in the Web Development Special Track

22
_posts/2016-05-30-infor-m3.md Normal file
View file

@ -0,0 +1,22 @@
---
title: "Infor M3"
project-date: "2016"
permalink: /:title
description: "Infor's most powerful ERP cloud software"
category: projects
---
[Infor’s](https://infor) most powerful ERP cloud software. I worked on two frontend projects, namely: **M3H5** -Web UI using JQuery; and **M3UX2** -rewrite project of M3H5 using Angular.
**My Role**: Software Engineer
- contributed significant expertise in 3 projects under Infor M3,
- M3 App Designer - worked on the project from POC leading
to Infor’s flagship ERP no-code app builder
- M3UX2 - developed a modernized rewrite of M3H5 using
Angular
- M3H5 - engaged in the development of features and bug-fixing using JQuery
- deliver high-quality web front-end modules
- coordinate software development with Infor offices outside the
Philippines
- train software developers within the company
**Technologies:** Angular, NgRx, Nx Workspace, Webpack, NodeJS, BEM, SCSS, HTML, Typescript, Git, Agile Development, Karma, Jasmine, ESLint, SonarScanner, Jasmine-Given, Jira, GitLab

14
_posts/2017-04-01-citas-v2.md Normal file
View file

@ -0,0 +1,14 @@
---
title: Cloud-based Intelligent Total Analysis System
duration: "April to September 2017"
description: Platform for detection and forecast of plant diseases
permalink: /:title
category: projects
---
CITAS v2 is a platform for remote data collection, data storage, and a data analysis framework for the detection and forecast of plant diseases.
The CITAS system facilitates the exchange of information from geospatial wireless sensors and mobile microscopy to the Machine
Learning platform for analysis.
**Technologies:** Angular, Data Visualization, High Charts, LeafletJS, NodeJS, SCSS, HTML, Typescript, Git, Github Issues, Github Projects

12
_posts/2018-01-12-innovation.md Normal file
View file

@ -0,0 +1,12 @@
---
title: "Innovation Flight Central"
project-date: "2017"
category: projects
description: Submission platform to share ideas or kick-start project ideas
---
Hosted in Infor’s private intranet, this is a submission platform where employees can share ideas or kick-start projects.
**My role**: Software Engineer
- constructed the core code-base of Innovation Flight Central
Technologies: PHP, MySQL, MiniOrange SAML Login, Windows Server (IIS), Windows ADFS

24
_posts/2019-12-08-mnswpr.md Normal file
View file

@ -0,0 +1,24 @@
---
title: "mnswpr.com"
project-date: "2019 to Present"
category: projects
description: The classic Minesweeper game, recreated for the browser
---
This is the classic game [Minesweeper](https://mnswpr.com) built with vanilla web technologies (i.e., no framework dependency).
See the [source code on GitHub](https://github.com/ayoayco/mnswpr)
## What I have learned:
1. JS is awesome ✨
1. We don't always necessarily *need* JS frameworks (or TS) ✨
1. Even subtle UI changes *can improve* user gameplay experience ✨
1. There's more ways to break you're app than you are initially aware of ✨
1. Competition motivates users to use your app more ✨
1. Hash in bundled filenames help issues in browser caching (when shipping versions fast) ✨
**Technology Stack:**
- HTML, JS, and CSS
- Webpack for bundling
- Firebase for leader board store
- Netlify for hosting

2
_posts/2023-05-27-coven-of-wisdom-amsterdam-2023.md
View file

@ -6,7 +6,7 @@ description: "Fun squeezing awesome Astro stuff into a tiny meetup talk"
category: talks
---
Last April 19, 2023 I gave a quick talk about [Astro](https://astro.build) in the very first [Coven of Wisdom meetup in Amsterdam](https://www.meetup.com/coven-of-wisdom-amsterdam/events/292064053/). Had lots of fun talking about my current favorite framework!<!--more-->
Last month I gave a quick talk about [Astro](https://astro.build) in the very first [Coven of Wisdom meetup held in Amsterdam](https://www.meetup.com/coven-of-wisdom-amsterdam/events/292064053/). Had lots of fun talking about my current favorite framework!<!--more-->
Astro has more awesome stuff than I was able to squeeze into the time I was given, but I definitely had fun showing off what it can do in this talk.