reactjs

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

Introduction  A little background about myself. I have always been fond of creating websites, and having my own place or brand in the internet. I have developed front end UI and UX in the past using ReactJS, and Angular when they were just starting out. Most of my projects are kept in a private repository on Bitbucket, they are still there but at this point in time I have forgotten how to customize them (poor documentation on my part)....