javascript

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....

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....

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....

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....

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....

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....

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....

Introduction  I have decided to start with the front-end and follow a Youtube tutorial from freeCodeCamp called “React Project Tutorial – Build a Portfolio Website w/ Advanced Animations”, the link can be found here. I will customize the graphics later on to fit my preference.  The reason for this is that I prefer beginning with a template, to speed up my development time. It will take a long time to create a front-end UI and UX design....