Welcome to blog.codewithshin.com. This is where I share my passion for programming and terminal tools.

My name is Shinichi Okada, but my friends and family call me Shin. I started coding in early 2000 to help my wife’s website. A self-taught programmer, I am a mathematics teacher by profession. …

Image by Text To Photo Editor. Background photo by Ryunosuke Kikuno on Unsplash


The SvelteKit documentation states that you can use the SvelteKit to build component libraries as well as apps. So I created my first Svelte component called Svelte-sidebar using SvelteKit. This is how I did it.


The following code will create a SvelteKit app. We call it my-project.

$ npm init…
Background photo by Joshua Earle on Unsplash. Image created by the author using Teffects new-neon.
Table of Contents
· Introduction
· Create a free account at MongoDB
· Create a database user
· IP Access List
· Database
· Connect with the MongoDB shell
· Connect your application
· Connect using MongoDB Compass
· Conclusion


I used MongoDB for the last project. In this article…

Image by Quick Text on Image. Background photo by Evgeni Tcherkasski on Unsplash


According to DMR statistics, there are 7 billion monthly Flickr API requests, 500 million photos with Creative Commons license, 1 million photos shared daily, and 10 billion images on Flickr.

In mylast article, I wrote about how to create an Unsplash photo search. …

Image by Quick Text on Image. Background photo by Zetong Li on Unsplash
Table of Contents
· Introduction
· Installation
· Sidebar component
· Multiple-menu
· Modifying component classes
∘ Aside component
∘ Navbar component
∘ Nav component
∘ SideBarList component
· Conclusion


Recently, I created my first Svelte component Svelte-sidebar. You can find it on the NPM website . The Svelte-sidebar is…

Background photo by Christian Wiediger on Unsplash. Image created by the author.
Table of Contents
· Introduction
· Installation
· Routers and link
∘ .env file
· Unsplash-search page
· Landing page HTML
· Unsplash fetch function
· JavaScript
· Run localhost
· Conclusion
· References


I like how Medium inserts an image from Unsplash. You just need to click a plus…

Background photo by Laurencia Soesanto on Unsplash. Image by the author.


In the last article, I wrote about how to modularize Bash script code. This time, I created a Shell Script starter plus more based on the article. It works for bash, zsh, sh, ksh. By using this starter you can create a project like GitHub CLI that has many subcommands…

Background photo by Henry Be on Unsplash. Image created by the Author.

[Updated: 2022–01–13 Download the appended div]


Recently, I had a project where I needed to convert HTML to an image for downloading. I had quite a few issues using different JavaScript libraries. This article shows you the problems I encountered and their solutions.

Remove extra CSS


I used Bootstrap on some pages. Chrome…

Shinichi Okada

Tools and tips for programmers. Math teacher, programmer, husband, father, Japanese. Get full access from https://blog.codewithshin.com/membership

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store