\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Easier to edit GUI and should be the best for current standard.\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n UI\r\n \r\n \r\n XAML\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2020\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2021\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n .NET Framework 4.7.2\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Winform well tested and got more available UIs, using since 2008\r\n but most projects are just helpers, like generating text, csv\r\n files etc.\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n UI logic\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2008\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2013\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n .NET Framework 4.6\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n CSharp\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n The first PHP framework I worked on and was the best IMHO back\r\n late 2000 era\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Bake commands\r\n \r\n \r\n Scaffolding\r\n \r\n \r\n Controller\r\n \r\n \r\n Model\r\n \r\n \r\n View\r\n \r\n \r\n Helpers\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2009\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2018\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 3\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n I only use this framework if required by client, simple to use and\r\n very easy to implement or setup\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Config\r\n \r\n \r\n Controller\r\n \r\n \r\n Model\r\n \r\n \r\n Views\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2020\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2021\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 4\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n My main go to framework, easy to manage and collaborate to fellow\r\n developers\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Docker setup\r\n \r\n \r\n Middleware\r\n \r\n \r\n Queue Jobs\r\n \r\n \r\n Traits\r\n \r\n \r\n Memory management with Redis\r\n \r\n \r\n Migration\r\n \r\n \r\n Seeder\r\n \r\n \r\n Service Providers\r\n \r\n \r\n Tinker\r\n \r\n \r\n Command line\r\n \r\n \r\n Artisan\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2016\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2021\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 7\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n I only once use, easy to work on and faster to deploy\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Component\r\n \r\n \r\n MVC\r\n \r\n \r\n Application Configuration\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2014\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2014\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 1.1\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Powered by Yii framework, it is flexible adding feature for a\r\n complicated site like complex database.\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Docker setup environment\r\n \r\n \r\n Templating (Structure, General page, Reusable components,\r\n fields)\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2021\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2021\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 2\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n When I used this CMS back then it was the most secure compare to\r\n other Content management system, but not much people use it, cause\r\n its much complex and hard to maintain in my opinion.\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Module\r\n \r\n \r\n Custom Theme\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2010\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2012\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 7.15\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Joomla is the first CMS I learned, once I got projects with PHP\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Custom Component\r\n \r\n \r\n Custom Module\r\n \r\n \r\n Custom Plugin\r\n \r\n \r\n Extending or Modifying Component\r\n \r\n \r\n Extending or Modifying Module\r\n \r\n \r\n Extending or Modifying Plugin\r\n \r\n \r\n Migration of data to Wordpress\r\n \r\n \r\n Templating\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2006\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2013\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 3.0\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Wordpress where most people love use for blogs, personal website\r\n even with e-commerce\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Plugin Development\r\n \r\n \r\n Widget Development\r\n \r\n \r\n Custom Theme\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2009\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2021\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 5.6\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n {\" \"}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n CMS tools I used once for a project, but not really explored too\r\n much, just maintaining front-end or adjusting bug on backend.\r\n
\r\n\r\n \r\n Concrete5\r\n \r\n \r\n Typo 3\r\n \r\n \r\n MediaWiki\r\n \r\n \r\n CMS Made Simple (CMSMS)\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n PHP\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n QT python is my prefered for creating desktop application, if I\r\n want my app can be use on Mac, Windows, and Linux\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n UI Forms\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2018\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2021\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 5\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Simple for me to use, but I really prefer PyQT\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n API Development\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2019\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2019\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 1\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n My Favorite Python framework, I mostly used now for API\r\n development\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n Pages\r\n \r\n \r\n API Development\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2012\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2022\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 4.0 ^\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Used only for API development\r\n
\r\n\r\n \r\n Experience with development\r\n \r\n \r\n API Development\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2018\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2018\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 0.12 ^\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Python\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n CMS I used to manage projects, hosted with heroku with Postgres DB\r\n
\r\n\r\n
\r\n \r\n CMS I used to manage projects, hosted with heroku with Postgres DB\r\n
\r\n
\r\n\r\n \r\n \r\n First Project\r\n \r\n \r\n 2012\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2012\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 6.0.4\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Powered by rails, use to a project for content management that has\r\n already pre-made data users and articles.\r\n
\r\n\r\n
\r\n \r\n Powered by rails, use to a project for content management that has\r\n already pre-made data users and articles.\r\n
\r\n
\r\n\r\n \r\n \r\n First Project\r\n \r\n \r\n 2012\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2012\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 6.0.4\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Rails for me was the reason I learn CakePHP, Laravel, and other\r\n PHP framework and of course Ruby, its the framework that was ahead\r\n of its time.
\r\n\r\n
\r\n \r\n Rails for me was the reason I learn CakePHP, Laravel, and other\r\n PHP framework and of course Ruby, its the framework that was ahead\r\n of its time.
\r\n \r\n The only framework I know :)\r\n \r\n
\r\n\r\n \r\n \r\n Experience with development\r\n \r\n \r\n Docker setup environment\r\n \r\n \r\n Currently mostly for API, using with Postgres SQL\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2010\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2022\r\n \r\n
\r\n \r\n \r\n Last version used\r\n \r\n \r\n 6.0.4\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Ruby\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {menuObject.map((anObjectMapped, index) => {\r\n return (\r\n \r\n aaron(`${anObjectMapped.componentName}`)}\r\n >\r\n {anObjectMapped.name}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n","import React, { Fragment, FunctionComponent } from \"react\";\r\nimport \"./AWSMainContent.css\";\r\n\r\nexport const AWSMainContent: FunctionComponent = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n AWS is the first cloud computing server I learned.\r\n
\r\n\r\n \r\n Experience using\r\n \r\n \r\n CloudFormation\r\n \r\n \r\n SAM AWS Temlplate YAML\r\n \r\n \r\n Serverless YAML\r\n \r\n \r\n EC2 with Ubuntu\r\n \r\n \r\n EC2 with CentOS\r\n \r\n \r\n IAM\r\n \r\n \r\n Billing monitor\r\n \r\n \r\n Custom VPC\r\n \r\n \r\n Lambda\r\n \r\n \r\n Route 53\r\n \r\n \r\n S3\r\n \r\n \r\n CodeCommit\r\n \r\n \r\n CodeArtifact\r\n \r\n \r\n CodeBuild\r\n \r\n \r\n CodeDeploy\r\n \r\n \r\n CodePipeline\r\n \r\n \r\n CloudWatch\r\n \r\n \r\n SQS\r\n \r\n \r\n DynamoDB\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2014\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2022\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n AWS\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n ![\"DevOps\"](\"./devops.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Cheap to use, we use this for test development\r\n
\r\n\r\n \r\n Experience using\r\n \r\n \r\n Droplet Basic with Ubuntu.\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2020\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2022\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n DigitalOcean\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n When creating local server environment, docker is the best I used\r\n currently, you can even share the same environment to fellow\r\n developers.\r\n
\r\n\r\n \r\n Experience using\r\n \r\n \r\n Build\r\n \r\n \r\n Compose YAML\r\n \r\n \r\n Volume\r\n \r\n \r\n Image\r\n \r\n \r\n Network\r\n \r\n \r\n Logging\r\n \r\n
\r\n \r\n \r\n First Start using to projects\r\n \r\n \r\n 2016\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Docker\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Git is essential for managing and maintaining your codes, I can't\r\n imagine not using this tool for DevOps\r\n
\r\n\r\n \r\n Experience using\r\n \r\n \r\n Gitflow\r\n \r\n \r\n Github actions\r\n \r\n \r\n Gitlab\r\n \r\n \r\n Bitbucket\r\n \r\n
\r\n \r\n \r\n Start Using\r\n \r\n \r\n 2009\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Git\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Experience managing site with BitBucket pipeline.\r\n
\r\n\r\n \r\n Experience using\r\n \r\n \r\n Serverless YAML\r\n \r\n \r\n Compute Engine GAE Standard\r\n \r\n \r\n Compute Engine GAE Flexible\r\n \r\n \r\n IAM & Admin\r\n \r\n \r\n Billing monitor\r\n \r\n\r\n \r\n SQL MySql\r\n \r\n \r\n Storage\r\n \r\n \r\n Firestore\r\n \r\n \r\n Firebase\r\n \r\n \r\n Memory Store (Redis)\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2021\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2022\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Google\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n with ROR, I tried using Heroku and instantly love it, still using\r\n with NodeJS worker for my discord bots.\r\n
\r\n\r\n \r\n Experience using\r\n \r\n \r\n Heroku cli\r\n \r\n \r\n NodeJS\r\n \r\n \r\n PHP\r\n \r\n \r\n Ruby\r\n \r\n
\r\n \r\n \r\n First Project\r\n \r\n \r\n 2011\r\n \r\n
\r\n \r\n \r\n Last Project\r\n \r\n \r\n 2022\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Heroku\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {menuObject.map((anObjectMapped, index) => {\r\n return (\r\n \r\n aaron(`${anObjectMapped.componentName}`)}\r\n >\r\n {anObjectMapped.name}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n","import React, { Fragment, FunctionComponent } from \"react\";\r\nimport { SkillHeader } from \"../SkillHeader\";\r\nimport \"./AngularContent.css\";\r\n\r\nexport const AngularContent: FunctionComponent = () => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n Angular JS\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n With Typescript as main language, Angular is easy to organize\r\n
\r\n\r\n \r\n Used frontend UI with\r\n \r\n \r\n Ionic 4.0, 5.0\r\n \r\n \r\n Material UI{\" \"}\r\n \r\n \r\n Bootstrap 5.0\r\n \r\n
\r\n\r\n \r\n \r\n Understand usage of\r\n \r\n \r\n Reusable Components\r\n \r\n \r\n Services\r\n \r\n \r\n Interceptors\r\n \r\n \r\n Guards\r\n \r\n \r\n Routing\r\n \r\n \r\n Emtities\r\n \r\n \r\n LifeCycles functions\r\n \r\n \r\n Pipes\r\n \r\n \r\n NgRX\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n React JS\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Well documented, easy to follow JS Framework, I love using with\r\n typescript.\r\n
\r\n\r\n \r\n Used frontend UI with\r\n \r\n \r\n Ionic 5.0\r\n \r\n \r\n Semantic UI\r\n \r\n \r\n Blueprint\r\n \r\n \r\n Material UI\r\n \r\n \r\n Bootstrap 5.0\r\n \r\n \r\n Tailwind CSS\r\n \r\n
\r\n\r\n \r\n \r\n Understand usage of\r\n \r\n \r\n Functional and Class Components\r\n \r\n \r\n State Management\r\n \r\n \r\n Props\r\n \r\n \r\n LifeCycles functions\r\n \r\n \r\n Redux\r\n \r\n \r\n Typescript TSX\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Svelte JS\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n ![\"Svelte](\"./svelte.pnggit)
\r\n
\r\n \r\n
\r\n \r\n I like the framework cause of its lightweight, and its true open\r\n source that is not manage of any big company. I use only\r\n personally.\r\n
\r\n\r\n \r\n Used frontend UI with\r\n \r\n \r\n Bootstrap\r\n \r\n
\r\n\r\n \r\n \r\n Understand usage of\r\n \r\n \r\n Component Composition\r\n \r\n \r\n Stores\r\n \r\n \r\n Props\r\n \r\n \r\n Lifecycle\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Vue JS\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Mixins with Laravel, This JS Framweork is almost with laravel\r\n projects I work on. Woek with people that use within laravel\r\n projects.\r\n
\r\n\r\n \r\n Used frontend UI with\r\n \r\n \r\n vuetify\r\n \r\n \r\n Bootstrap\r\n \r\n
\r\n\r\n \r\n \r\n Understand usage of\r\n \r\n \r\n Composition API\r\n \r\n \r\n Mixins\r\n \r\n \r\n Props\r\n \r\n \r\n Lifecycle hooks\r\n \r\n \r\n Vuex\r\n \r\n \r\n Typescript\r\n \r\n
\r\n \r\n \r\n {menuObject.map((anObjectMapped, index) => {\r\n return (\r\n \r\n aaron(`${anObjectMapped.componentName}`)}\r\n >\r\n {anObjectMapped.name}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n","import React, { Fragment, FunctionComponent } from \"react\";\r\nimport \"./DesignMainContent.css\";\r\n\r\nexport const DesignMainContent: FunctionComponent = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Design is the first cloud computing server I learned.\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Adobe Photoshop\r\n
\r\n \r\n Back in the the days we still slice HTML, PS still the\r\n editor creating creative media design.\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Adobe Animate\r\n
\r\n \r\n Started with Macromedia flash, Adobe Animate is\r\n Canvas/Javascript version you can easily integration to\r\n your web application\r\n
\r\n \r\n
\r\n
{\" \"}\r\n {/* .itemcenter */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n After Effects\r\n
\r\n \r\n Know basic animation,transition for video\r\n
\r\n \r\n
\r\n
{\" \"}\r\n {/* .itemcenter */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Illustrator\r\n
\r\n \r\n Application I use to create vector media/assets\r\n
\r\n \r\n
\r\n
{\" \"}\r\n {/* .itemcenter */}\r\n \r\n
\r\n \r\n
\r\n \r\n InDesign
\r\n \r\n Creating My CV for pdf print is never been easier.\r\n
\r\n \r\n
\r\n
{\" \"}\r\n {/* .itemcenter */}\r\n \r\n
\r\n \r\n
\r\n \r\n InDesign
\r\n \r\n Creating My CV for pdf print is never been easier.\r\n
\r\n \r\n
\r\n
{\" \"}\r\n {/* .itemcenter */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Premiere Pro\r\n
\r\n \r\n I used to upload video a lot with my gaming, Premiere Pro\r\n is the tool I used often editing videos if I want to\r\n scale, speed, blur out things, screen fps support, etc...\r\n
\r\n \r\n
\r\n
{\" \"}\r\n {/* .itemcenter */}\r\n \r\n
\r\n \r\n
\r\n \r\n XD
\r\n \r\n XD is commonly used now if not for Figma or Sketch,\r\n Designer share their idea to convert to mobile App or web\r\n screens.\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Design\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n ![\"Tools\"](\"./portfolio/backgrounds/ajov-media.jpg\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Tools I have experience using that helps a lot with projects I am\r\n working\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n DrawIO
\r\n \r\n From planning flow of an APP to setting up VPC, this tool is\r\n free and easy to use.\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Postman
\r\n \r\n API preview and testing, really helps me collaborate with\r\n fellow deveopers\r\n
\r\n \r\n
\r\n
{\" \"}\r\n {/* .itemcenter */}\r\n \r\n
\r\n \r\n
\r\n \r\n Litmus
\r\n \r\n Email marketing design need this tool, email clients have\r\n different output. This tool helps me check every content.\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Planning\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {menuObject.map((anObjectMapped, index) => {\r\n return (\r\n \r\n aaron(`${anObjectMapped.componentName}`)}\r\n >\r\n {anObjectMapped.name}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n","import React, { Fragment, Component } from \"react\";\r\nimport {\r\n FcTemplate,\r\n FcOrganization,\r\n FcWorkflow,\r\n FcAutomatic,\r\n} from \"react-icons/fc\";\r\nimport \"./SkillMainTab.css\";\r\nimport { SubSkillBackEndNavigation } from \"./SubSkillNavigation/SubSkillBackEndNavigation\";\r\nimport { SubSkillDevOPSNavigation } from \"./SubSkillNavigation/SubSkillDevOPSNavigation\";\r\nimport { SubSkillFrontEndNavigation } from \"./SubSkillNavigation/SubSkillFrontEndNavigation\";\r\nimport { SubSkillOthersNavigation } from \"./SubSkillNavigation/SubSkillOthersNavigation\";\r\n\r\ninterface ITabMenuData {\r\n name: string;\r\n componentName: string;\r\n link: string;\r\n shown: Boolean;\r\n}\r\n\r\ntype Props = {};\r\ntype State = {\r\n frontEndData: ITabMenuData[];\r\n backEndData: ITabMenuData[];\r\n devOpsData: ITabMenuData[];\r\n othersData: ITabMenuData[];\r\n};\r\n\r\nclass SkillMainTab extends Component\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n AJOV Skills\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Continuous education \r\n Web Updates \r\n \r\n Unlimited amount of energy \r\n \r\n
\r\n \r\n Continuous education \r\n Web Updates \r\n \r\n Unlimited amount of energy \r\n \r\n
\r\n \r\n \r\n {/*\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*\r\n \r\n \r\n */}\r\n \r\n
\r\n \r\n
\r\n Exploring Redwood
\r\n \r\n What I am doing now?\r\n \r\n \r\n Aug 2022\r\n \r\n\r\n Storybook is one of my favorite tool with ReactJS, once I\r\n heard about Redwood and has the weave of all great web tools\r\n out there like Prisma, Jest.. etc and as a practicing\r\n Typescript developer. I instantly dove to its documentation\r\n and tutorials, and applying it on test project, so far its\r\n really great for organizing project with testing.\r\n
\r\n\r\n
\r\n MinIO
\r\n \r\n What I am doing now?\r\n \r\n \r\n Oct 2022\r\n \r\n\r\n Project with serverless, minIO in my opinion is great to\r\n test project locally before deplying to production\r\n
\r\n\r\n
\r\n GraphQL WP CMS headless
\r\n \r\n What I am doing now?\r\n \r\n \r\n Nov 2023\r\n \r\n\r\n Currently, I am working on a project that utilizes WordPress\r\n with support for various GraphQL plugins, integrating\r\n seamlessly with NextJS\r\n
\r\n\r\n
\r\n .NET Maui
\r\n \r\n What I am doing now?\r\n \r\n \r\n Dec 2023\r\n \r\nJust creating simple app with C# .Net Maui
\r\n\r\n
\r\n ChatGPT Prompt
\r\n \r\n What I am enjoying right now?\r\n \r\n \r\n May 2023\r\n \r\n\r\n If you've heard about the buzz surrounding ChatGPT then it's\r\n not a lie, it's one of the best things that has happened\r\n since the dark era of the internet, largely due to social\r\n media. I'm really having fun discovering how to make sense\r\n of using its prompts.\r\n
\r\n\r\n \r\n Page is loading please wait...\r\n \r\n AJ OV does \r\n
\r\n \r\n
\r\n Design
\r\n BackEnd
\r\n FrontEnd
\r\n DevOps
\r\n - \r\n
- \r\n
- \r\n
\r\n \r\n Skills\r\n \r\n \r\n - \r\n
\r\n \r\n Portfolio\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n Contact\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MainPage;\r\n","import React from \"react\";\nimport \"tw-elements\";\nimport \"./App.css\";\nimport MainPage from \"./components/MainPatge\";\n\nfunction App() {\n return \r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport const useDispatch = /*#__PURE__*/createDispatchHook();","const errors = {\n\t0: \"Illegal state\",\n\t1: \"Immer drafts cannot have computed properties\",\n\t2: \"This object has been frozen and should not be mutated\",\n\t3(data: any) {\n\t\treturn (\n\t\t\t\"Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? \" +\n\t\t\tdata\n\t\t)\n\t},\n\t4: \"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.\",\n\t5: \"Immer forbids circular references\",\n\t6: \"The first or second argument to `produce` must be a function\",\n\t7: \"The third argument to `produce` must be a function or undefined\",\n\t8: \"First argument to `createDraft` must be a plain object, an array, or an immerable object\",\n\t9: \"First argument to `finishDraft` must be a draft returned by `createDraft`\",\n\t10: \"The given draft is already finalized\",\n\t11: \"Object.defineProperty() cannot be used on an Immer draft\",\n\t12: \"Object.setPrototypeOf() cannot be used on an Immer draft\",\n\t13: \"Immer only supports deleting array indices\",\n\t14: \"Immer only supports setting array indices and the 'length' property\",\n\t15(path: string) {\n\t\treturn \"Cannot apply patch, path doesn't resolve: \" + path\n\t},\n\t16: 'Sets cannot have \"replace\" patches.',\n\t17(op: string) {\n\t\treturn \"Unsupported patch operation: \" + op\n\t},\n\t18(plugin: string) {\n\t\treturn `The plugin for '${plugin}' has not been loaded into Immer. To enable the plugin, import and call \\`enable${plugin}()\\` when initializing your application.`\n\t},\n\t20: \"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available\",\n\t21(thing: string) {\n\t\treturn `produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '${thing}'`\n\t},\n\t22(thing: string) {\n\t\treturn `'current' expects a draft, got: ${thing}`\n\t},\n\t23(thing: string) {\n\t\treturn `'original' expects a draft, got: ${thing}`\n\t},\n\t24: \"Patching reserved attributes like __proto__, prototype and constructor is not allowed\"\n} as const\n\nexport function die(error: keyof typeof errors, ...args: any[]): never {\n\tif (__DEV__) {\n\t\tconst e = errors[error]\n\t\tconst msg = !e\n\t\t\t? \"unknown error nr: \" + error\n\t\t\t: typeof e === \"function\"\n\t\t\t? e.apply(null, args as any)\n\t\t\t: e\n\t\tthrow new Error(`[Immer] ${msg}`)\n\t}\n\tthrow new Error(\n\t\t`[Immer] minified error nr: ${error}${\n\t\t\targs.length ? \" \" + args.map(s => `'${s}'`).join(\",\") : \"\"\n\t\t}. Find the full error at: https://bit.ly/3cXEKWf`\n\t)\n}\n","import {\n\tDRAFT_STATE,\n\tDRAFTABLE,\n\thasSet,\n\tObjectish,\n\tDrafted,\n\tAnyObject,\n\tAnyMap,\n\tAnySet,\n\tImmerState,\n\thasMap,\n\tArchtype,\n\tdie\n} from \"../internal\"\n\n/** Returns true if the given value is an Immer draft */\n/*#__PURE__*/\nexport function isDraft(value: any): boolean {\n\treturn !!value && !!value[DRAFT_STATE]\n}\n\n/** Returns true if the given value can be drafted by Immer */\n/*#__PURE__*/\nexport function isDraftable(value: any): boolean {\n\tif (!value) return false\n\treturn (\n\t\tisPlainObject(value) ||\n\t\tArray.isArray(value) ||\n\t\t!!value[DRAFTABLE] ||\n\t\t!!value.constructor[DRAFTABLE] ||\n\t\tisMap(value) ||\n\t\tisSet(value)\n\t)\n}\n\nconst objectCtorString = Object.prototype.constructor.toString()\n/*#__PURE__*/\nexport function isPlainObject(value: any): boolean {\n\tif (!value || typeof value !== \"object\") return false\n\tconst proto = Object.getPrototypeOf(value)\n\tif (proto === null) {\n\t\treturn true\n\t}\n\tconst Ctor =\n\t\tObject.hasOwnProperty.call(proto, \"constructor\") && proto.constructor\n\n\tif (Ctor === Object) return true\n\n\treturn (\n\t\ttypeof Ctor == \"function\" &&\n\t\tFunction.toString.call(Ctor) === objectCtorString\n\t)\n}\n\n/** Get the underlying object that is represented by the given draft */\n/*#__PURE__*/\nexport function original