Introduction I haven’t posted in a long time, because I was busy learning more about blockchain technology for my job. But I decided to add a blog entry today, because I was fortunate enough to be able to participate in a web 3 hackathon event by Philippines Web3 Festival as a mentor. The details of the hackathon event can be found here There’s still so much to learn about blockchain technology, because in my opinion it’s still at its infancy stage....
Upskill 2 Part 2 (Hardhat): Smart Contract Compiling
Introduction On the last blog post we have set up an initial environment, and created a new Hard hat project. For this blog we will be writing and compiling a smart contract on Hard hat. We will resume with the official hard hat documentation found here. Steps Assuming we’re still on the ‘hardhat-demo’ directory. Writing a Smart Contract Create a directory called ‘contracts’. mkdir contracts Create a file called ‘Token....
Upskill 2 Part 1 (Hardhat): Concepts & Setup
Introduction I have some practical experience with Solidity already, and was recommended by one of my colleague to try to supplement my knowledge with the Hardhat framework. I checked it out and would like to try it out and create a basic working smart contract. I will be following the official document of Hardhat found here. Hardhat Concepts Hardhat is composed of the following concepts. Tasks: There are commands that can be ran on the terminal, some are provided by Hardhat upon install (e....
Project Idea 1 (Decentralized Portfolio): Part 6
Introduction On the previous blog, We have completed the “Sidebar” component. I encountered somr problems on nesting scss, but found a system to follow, so that it’ll be more manageable. I will be resuming with the Youtube tutorial. Steps For this day I decided to start with programming the styles (scss) for the ‘Layout’ component. This should help me visualize where my components will be placed. Fix ‘Layout’ component CSS Open ’tiukenywil11_portfolio/src/components/Layout/index....
Project Idea 1 (Decentralized Portfolio): Part 5
Introduction On the previous blog, We have created a simple logo, then made a base “Sidebar” component. I encountered no problem with those. I will be resuming with the Youtube tutorial. Steps For this day I decided to start with programming the styles (scss) for the ‘Sidebar’ component. This would include some simple animations. Resuming with ‘Sidebar’ component Append the following file: ’tiukenywil11_portfolio/src/components/Sidebar/index.scss’. Add style to ’nav-bar’ class....
Upskill 1 (Nodejs + Swagger): Practical
Introduction I have done some research on NodeJS with Swagger, and some crash course practical developement. I personally think I learn better by coding step by step, so for this blog I’ll follow and break down this Youtube Video called “NodeJS Swagger API Documentation Tutorial Using Swagger JSDoc” By Maksim Ivanov. Steps Prerequisite Github account Git NodeJS VSCode Github setup Created a repository here by using GitHub’s website UI....
Upskill 1 (Nodejs): Research
Introduction I have decided to do a deep dive on NodeJS. I already have working knowledge by following a Youtube tutorial a few months ago, but I decided to take a closer look at what NodeJS has to offer. I will put links to my NodeJS Research on this blog post. These will be updated occassionally. Reasearch links can be found here. Main NodeJS Research NodeJS Crash Course: [Done] Compiled snippets and developed a working server from tutorial “Node....
Project Idea 1 (Decentralized Portfolio): Part 4
Introduction On the previous blog, I have added a ‘Layout’ component, and added routing pointing to the ‘Layout’ component utilizing ‘react-router-dom’. The steps are very straightforward, and I encountered no problem. I will be resuming with the Youtube tutorial. Steps For this day I decided to add the logo assets, and a ‘Sidebar’ component. I will create a separate blog for programming the styles (scss) for the ‘Sidebar’ component....
Project Idea 1 (Decentralized Portfolio): Part 3
Introduction On the previous blog, I have added a prettier configuration to help with the code format, and added the global styles (css & scss) for the portfolio. I had a few issues with importing the fonts due to the font names but this was fixed by removing spaces for me. I will be resuming with the Youtube tutorial. Steps For this day I decided to add a ‘Layout’ component, and create a route to ‘Layout’ component using ‘react-router-dom’ for this....
Project Idea 1 (Decentralized Portfolio): Part 2
Introduction On the previous blog, I have already created a ReactJS template, and installed different dependencies we will be using for the project. There isn’t much complications that occured for me, so I will be resuming with the Youtube tutorial. Steps For this day I decided to add some prettier configurations, and add global styles using css, and sass. Configurations Add a new file called ’.prettierrc’. This would be a configuration file which helps when formatting codes....