Aug 19, 2022React and CSS Layout of A Static Blog PageI am creating my second static blog website—a travel website for my girlfriend and me. I offered to build the website since I had some experience creating my own portfolio website. The Layout A general simple layout of a static blog website is a navigation bar at the top, the main content…React4 min readReact4 min read
Published in Geek Culture·Apr 5, 2021I Invested in Bitcoin, Now I Am Trying to Understand How It WorksI recently made my first investment in Bitcoin; A minuscule sum in comparison to the sums retail and institutional investors have been putting forward. My plan is to grow my position slowly and hold it for many years. I doubt anyone can confidently say what the price of Bitcoin and…Bitcoin4 min readBitcoin4 min read
Published in Geek Culture·Mar 8, 2021How I Use Mixins in SassSass has helped me add more functionality to my CSS code. — Once I decided to introduce dark mode to my website, I realized I had to have a light mode and a dark mode style for the same component in many instances throughout my code. Instead of duplicating the same CSS for both the light and dark mode styles, I utilized…CSS2 min readCSS2 min read
Published in codeburst·Feb 16, 2021Using Flex-GrowI used the flow-grow property to align the last item at the end of a flexbox with respect to the preceding flex items. If you need to align some elements within a relative container, it is more likely than not that you are using the CSS flexbox module. It’s amazing…CSS3 min readCSS3 min read
Published in The Shadow·Feb 15, 2021The rise and fall of NikolaWhen you think about electric cars, the very first thing that comes to mind is Tesla. It has singlehandedly revolutionized the auto industry. The inevitable switch to electric vehicles and huge potential growth of the market is giving rise to many new auto companies. One such distinct example was Nikola…Technology9 min readTechnology9 min read
Published in JavaScript in Plain English·Dec 29, 2020How to use CSS and React to create a star ratingAs part of a personal project, I was working on a page where the user could add new posts about beers they tried. And in the form for the new post, I added the option to rate the beer via star rating.Programming3 min readProgramming3 min read
Published in codeburst·Dec 10, 2020The beautiful useEffect React HookuseEffect is for side effects useEffect is to functional components what componentDidMount , componentDidUpdate , and componentWillUnmount are, combined, to class components. It is a method responsible for all the so-called side effects that occur during the lifecycle of a React component. Whether you want to make a call to an API, manipulate the DOM…React3 min readReact3 min read
Published in codeburst·Dec 6, 2020Using Github Actions with Repository Dispatch EventIf you’ve ever set up a Github Actions workflow on a repository, you will recognize the YAML file that executes steps upon any code you push to the repository. These steps could entail building and deploying your code for production, for instance. Above we define the steps for Github…Github2 min readGithub2 min read
Published in JavaScript in Plain English·Dec 5, 2020I built my personal website using Gatsby, Strapi, Heroku, Netlify and Github ActionsI wanted to build my website and have some semblance of a CI/CD pipeline in place to push changes from local development to production easily. I wanted to have a frontend and a backend deployed separately, communicating with each other. I set up the Gatsby frontend site on Netlify, while…React10 min readReact10 min read
Dec 1, 2020As a beginner to intermediate programmer, I don’t overthink my code before writing it. Here is why.I maintain this view as a beginner to intermediate programmer. Senior programmers, or programmers that are more gifted, are more in shape to design a solid code architecture before they proceed with any line of code, due to their sheer experience or talent. …React2 min readReact2 min read
