.profile/README.md

166 lines
20 KiB
Markdown

<!-- header sine wave svg with name centered starts-->
<img width=100% src="./assets/header-pink.svg" alt="header banner" />
<!-- header sine wave ends -->
<!-- # Anda Toshiki (安田俊樹) -->
## 👋 ようこそ、Developers!
<img src="https://cdn.jsdelivr.net/gh/andatoshiki/andatoshiki@master/assets/avatar.png" alt="logo" width="140" height="140" align="left" />
> Hey there, I'm Anda Toshiki, or you could refer me as _kiki_ in short (the same name as the protagonist Majo from [Kiki's Delivery Service](https://en.wikipedia.org/wiki/Kiki%27s_Delivery_Service) by Hayao Miyazaki); I'm the Maho ShouJo (魔法少女) whom watches anime, drinks monster, writes codes, documents tutorials, takes photos, eats burgers and stays up all nights~
Introduction once more, my name is Anda Toshiki, pronounced as `AHN-dah TOH-shee-kee` in case you find my name obscure to read out. I'm currently a precollege student with offer of admission from [UB (University at Buffalo)](https://www.buffalo.edu) as a transfer student to [(CIT) California Institute of Technology](https://www.caltech.edu). I am also the founder of [Toshiki Dev](https://github.com/toshikidev) as the first _organizational_ community I have ever created for building functional utility components and webapps/software to my own needs as serving solutions to people having the same requests, additionally I am maintaining the community with both of my cat 😺 (玉ちゃん & 桃ちゃん both of them are [cute girls]()!)
### 1: Pronouns
**She/her** (internet wide, I'm a loli :P); **he/him** if you happens to meet me offline.
### 2: Languages
I speak three languages, **English** primarily, proficient in **Chinese** and fluent in **Japanese**, all three languages are welcomed to use when having conversations with me (I also don't mind blending them altogether).
### 3: Academics
I current studying Data Science and Physics as core essentials for my academia. Frontend developing and Computer Networking are both my hobbies at rest while I mostly work with numbers and maths mainly. I am also obsessed with _process automation_, _CI/CD_, I am highly active on building practical GitHub actions for easing my DevOps life.
### 4: Hobbies
Below is a short intro on my personal hobbies I enjoys doing while I am free.
- **Frontend development & blogging**: Aside from academic learnings, I am also captivated into frontend development and blogging, more specifically theming and beautification. I was introduced to [HUGO](https://github.com/gohugoio/hugo) when I first get started with website generator/blog building, I contributes one of the best hugo theme communities-[Fixit](https://github.com/hugo-fixit/FixIt) on GitHub. I have also independently created other themes such as gallery and showcasing sites (see more in the projects table below)...
- **Documenting**: I have a strong eagerness on finding the best solution for issues I encounters and devote to understand hard concepts; in order to respond to this fetish, I enjoys documenting notes and epiphanies in detailed and specific no matter how much time it waste, it deserves my dedication (see my notes [in action](https://note.toshiki.dev)).
- **Art**: I engage in pixel art and indie game developments when free, I practice techniques and share my artworks on [Discord Pixel Art](https://discord.gg/pixelart) community.
- **Anime**: I am a heavy _weeb_ whom watches anime a lot at my leisure, my favorite anime so far is, ["DanMachi" (ダンジョンに出会いを求めるのは間違っているだろうか)](https://danmachi.fandom.com/wiki/DanMachi_Wiki).
- **Collectomania**: I love collecting resources from different field, from photography sets to reference books to torrents to movies et cetera. (But I usually read through any of them instead just let them sit in my hard drives).
- **Photography & photo editing**: I have intermediate experience with photography editing with both PhotoShop and Illustrator and have been using both tools on daily bases to commit minor edits on photos to level of perfections; I am also interested in photography, I records everything aesthetic in life with cameras and showcase them at my [web gallery](https://gallery.toshiki.dev).
### 5: Technologies
#### 5.1: Tools
![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=flat&logo=npm&logoColor=white) ![Yarn](https://img.shields.io/badge/yarn-%232C8EBB.svg?style=flat&logo=yarn&logoColor=white) ![Gitea](https://img.shields.io/badge/Gitea-34495E?style=flat&logo=gitea&logoColor=5D9425) ![Jenkins](https://img.shields.io/badge/-Jenkins-D24939?logo=Jenkins&logoColor=000) ![SonarQube](https://img.shields.io/badge/-SonarQube-A9A9A9?logo=SonarQube&logoColor=4E9BCD) ![Docker](https://img.shields.io/badge/-Docker-2496ED?logo=Docker&logoColor=FFF) ![Harbor](https://img.shields.io/badge/-Harbor-FFF?logo=Harbor&logoColor=60B932) ![Kubernetes](https://img.shields.io/badge/-Kubernetes-326CE5?logo=Kubernetes&logoColor=FFF) ![CentOS](https://img.shields.io/badge/-CentOS-262577?logo=CentOS&logoColor=FFF) ![Ubuntu](https://img.shields.io/badge/-Ubuntu-E95420?logo=Ubuntu&logoColor=FFF) ![Git](https://img.shields.io/badge/git-%23F05033.svg?style=flat&logo=git&logoColor=white)
#### 5.2: Platforms
![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=flat&logo=github&logoColor=white) ![TravisCI](https://img.shields.io/badge/travis%20ci-%232B2F33.svg?style=flat&logo=travis&logoColor=white) ![OneDrive](https://img.shields.io/badge/OneDrive-0078D4.svg?style=flat&logo=microsoftonedrive&logoColor=white) ![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=flat&logo=vercel&logoColor=white) ![Vultr](https://img.shields.io/badge/Vultr-007BFC.svg?style=flat&logo=vultr) ![Cloudflare](https://img.shields.io/badge/Cloudflare-F38020?style=flat&logo=Cloudflare&logoColor=white) ![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=flat&logo=netlify&logoColor=#00C7B7) ![Gitea](https://img.shields.io/badge/Gitea-34495E?style=flat&logo=gitea&logoColor=5D9425) ![GitLab](https://img.shields.io/badge/gitlab-%23181717.svg?style=flat&logo=gitlab&logoColor=white) ![Gitee](https://img.shields.io/badge/Gitee-C71D23?style=flat&logo=gitee&logoColor=white) ![Gitea](https://img.shields.io/badge/Gitea-34495E?style=flat&logo=gitea&logoColor=5D9425) ![CodeCov](https://img.shields.io/badge/codecov-%23ff0077.svg?style=for-the-badge&logo=codecov&logoColor=white)
#### 5.3: Languages
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=flat&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=flat&logo=javascript&logoColor=%23F7DF1E) ![PHP](https://img.shields.io/badge/php-%23777BB4.svg?style=flat&logo=php&logoColor=white) ![R](https://img.shields.io/badge/r-%23276DC3.svg?style=flat&logo=r&logoColor=white) ![Rust](https://img.shields.io/badge/rust-%23000000.svg?style=flat&logo=rust&logoColor=white) ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=flat&logo=html5&logoColor=white) ![Go](https://img.shields.io/badge/go-%2300ADD8.svg?style=flat&logo=go&logoColor=white) ![C#](https://img.shields.io/badge/c%23-%23239120.svg?style=flat&logo=c-sharp&logoColor=white) ![LaTeX](https://img.shields.io/badge/latex-%23008080.svg?style=flat&logo=latex&logoColor=white) ![Markdown](https://img.shields.io/badge/markdown-%23000000.svg?style=flat&logo=markdown&logoColor=white) ![PowerShell](https://img.shields.io/badge/PowerShell-%235391FE.svg?style=flat&logo=powershell&logoColor=white) ![Shell Script](https://img.shields.io/badge/shell_script-%23121011.svg?style=flat&logo=gnu-bash&logoColor=white) ![Vue3](https://img.shields.io/badge/-Vue3-C0C0C0?logo=Vue.js&logoColor=4FC08D) ![TypeScript](https://img.shields.io/badge/-TypeScript-C0C0C0?logo=TypeScript&logoColor=3178C6) ![Ant Design](https://img.shields.io/badge/-Ant%20Design-C0C0C0?logo=Ant-Design&logoColor=0170FE) ![Node.js](https://img.shields.io/badge/-Node.js-D3D3D3?logo=Node.js&logoColor=339933) ![Vite](https://img.shields.io/badge/-Vite-D3D3D3?logo=Vite&logoColor=646CFF) ![Webpack](https://img.shields.io/badge/-Webpack-D3D3D3?logo=Webpack&logoColor=8DD6F9) ![NPM](https://img.shields.io/badge/-NPM-C0C0C0?logo=npm&logoColor=CB3837) ![Axios](https://img.shields.io/badge/-Axios-C0C0C0?logo=Axios&logoColor=5A29E4) ![ESLint](https://img.shields.io/badge/-ESLint-C0C0C0?logo=ESLint&logoColor=4B32C3) ![jQuery](https://img.shields.io/badge/-jQuery-0769AD?logo=jQuery&logoColor=FFF) ![Bootstrap](https://img.shields.io/badge/-Bootstrap-7952B3?logo=Bootstrap&logoColor=FFF) ![ECharts](https://img.shields.io/badge/-ECharts-C0C0C0?logo=Apache-ECharts&logoColor=AA344D) ![JavaScript](https://img.shields.io/badge/-JavaScript-A9A9A9?logo=JavaScript&logoColor=F7DF1E) ![HTML5](https://img.shields.io/badge/-HTML5-A9A9A9?logo=HTML5&logoColor=E34F26) ![CSS3](https://img.shields.io/badge/-CSS3-A9A9A9?logo=CSS3&logoColor=1572B6) ![Tailwind CSS](https://img.shields.io/badge/-Tailwind%20CSS-FFF?logo=Tailwind-CSS&logoColor=06B6D4) ![Less](https://img.shields.io/badge/-Less-D3D3D3?logo=Less&logoColor=1D365D)
![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=flat&logo=angular&logoColor=white) ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=flat&logo=jquery&logoColor=white)![Pug](https://img.shields.io/badge/Pug-FFF?style=flat&logo=pug&logoColor=A86454) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=flat&logo=react&logoColor=%2361DAFB) ![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=flat&logo=SASS&logoColor=white)
#### 5.4: IDEs
![GoLand](https://img.shields.io/badge/GoLand-0f0f0f?&style=flat&logo=goland&logoColor=white) ![Jupyter Notebook](https://img.shields.io/badge/jupyter-%23FA0F00.svg?style=flat&logo=jupyter&logoColor=white)
![Vim](https://img.shields.io/badge/VIM-%2311AB00.svg?style=flat&logo=vim&logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=flat&logo=visual-studio-code&logoColor=white) ![PyCharm](https://img.shields.io/badge/pycharm-143?style=flat&logo=pycharm&logoColor=black&color=black&labelColor=green) ![Sublime Text](https://img.shields.io/badge/sublime_text-%23575757.svg?style=flat&logo=sublime-text&logoColor=important)
#### 5.5: OS
![Windows 11](https://img.shields.io/badge/Windows%2011-%230079d5.svg?style=flat&logo=Windows%2011&logoColor=white) ![Ubuntu](https://img.shields.io/badge/Ubuntu-E95420?style=flat&logo=ubuntu&logoColor=white) ![Openwrt](https://img.shields.io/badge/OpenWRT-00B5E2?style=flat&logo=OpenWrt&logoColor=white) ![Linux](https://img.shields.io/badge/Linux-FCC624?style=flat&logo=linux&logoColor=black) ![Android](https://img.shields.io/badge/Android-3DDC84?style=flat&logo=android&logoColor=white)
### 6: Identities
In order to prove my real identity as a human being, I have verified my identity with a GPG public key hosted on [Keybase - Anda Toshiki (@toshikidev)](https://keybase.io/toshikidev) with [ownership of domain `www.toshiki.dev`](https://keybase.io/toshikidev/sigchain#7a41ec772fd948db46e454c55efc71005299fe7b3ed76b789bbcdb5a7505667c0f) via https; which validates I am legitimately a **cute, living human loli** on Earth, you can pull and import my GPG public keys onto your local machine with the following command using cURL.
```sh
curl https://keybase.io/toshikidev/pgp_keys.asc | gpg --import
```
### 7. Metrics
<table width="960px">
<tr>
<td valign="top" width="50%">
#### [Wakatime](https://wakatime.com) development breakdown
<!--START_SECTION:waka2readme-->
```text
Markdown 2 hrs 40 mins ██████▒░░░░░░░░░░░░░░░░░░ 25.89 %
TypeScript 2 hrs 28 mins ██████░░░░░░░░░░░░░░░░░░░ 23.95 %
JavaScript 1 hr 22 mins ███▒░░░░░░░░░░░░░░░░░░░░░ 13.27 %
Vue.js 1 hr 7 mins ██▓░░░░░░░░░░░░░░░░░░░░░░ 10.93 %
JSON 54 mins ██▒░░░░░░░░░░░░░░░░░░░░░░ 08.75 %
Other 28 mins █░░░░░░░░░░░░░░░░░░░░░░░░ 04.56 %
```
<!--END_SECTION_:waka2readme_-->
</td>
<td valign="top" width="50%">
#### <a href="https://blog-next.toshiki.dev" target="_blank">Blog RSS updates</a>
<!-- blog_plugin_start -->
- <a href='https://www.nexxel.dev/blog/ct3a-guestbook/' target='_blank'>Build a Full Stack App with create-t3-app</a> - 2022-08-11
- <a href='https://www.nexxel.dev/blog/ct3a/' target='_blank'>T3 Stack and My Most Popular Open Source Project Ever</a> - 2022-06-27
- <a href='https://www.nexxel.dev/blog/deoxys/' target='_blank'>How I Made a Really Fast Link Shortener That Runs on the Edge</a> - 2022-06-01
- <a href='https://www.nexxel.dev/blog/gen-license/' target='_blank'>Create Licenses for Your Projects Right from the Terminal</a> - 2022-03-25
- <a href='https://www.nexxel.dev/blog/go-gol/' target='_blank'>Conway's Game of Life in Go</a> - 2022-03-17
<!-- blog_plugin_end -->
</td>
</tr>
<tr>
<td valign="top" width="50%">
#### GitHub development metrics
![Anda Toshiki's GitHub stats](https://github-readme-stats.vercel.app/api?username=andatoshiki&show_icons=false&theme=transparent&hide_border=true&text_color=FFF&icon_color=FFF&title_color=FFF)
</td>
<td valign="top" width="50%">
#### 🩴 <a href="https://twitter.com/andatoshiki" target="_blank">Twitter updates</a>
<!-- twitter_plugin_start -->
- <a href='https://twitter.com/andatoshiki/status/1640183615249346560' target='_blank'>Verifying myself: I am toshikidev on http://Keybase.io. pQuYoKO8oET7dLOazltqkPLQs2MIceG5rr3m / https://keybase.io/toshikidev/sigs/pQuYoKO8oET7dLOazltq...</a> - 2023-03-27
- <a href='https://twitter.com/andatoshiki/status/1639967758782812161' target='_blank'>Sakura 🌸 https://t.co/YoEmRMTmr3</a> - 2023-03-26
- <a href='https://twitter.com/andatoshiki/status/1639542865130057729' target='_blank'>I love Excalidraw for architectural diagrams! #excalidraw #diagram #architecture #software #engineering #graph https://t.co/comucWgobW</a> - 2023-03-25
- <a href='https://twitter.com/andatoshiki/status/1633310247464091649' target='_blank'>Re @hamident83hami @SaveToNotion tweet</a> - 2023-03-08
- <a href='https://twitter.com/andatoshiki/status/1633080703771639809' target='_blank'>Re @LinuxHandbook @SaveToNotion #thread</a> - 2023-03-07
<!-- twitter_plugin_end -->
</td>
</tr>
</table>
### 8. Projects
| &nbsp; | Repository | Tags | Homepage | Stars | Last Commit | Description |
| ---------------------------------------- | --------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- | --------------------------------------- | --------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![icon](./assets/icons/github.light.svg) | [andatoshiki/toshiki-proxypool](https://github.com/andatoshiki/toshiki-proxypool) | `proxy`, `gfw`, `proxypool`, `ssr`, `clash`, `trojan`, `vmess`, `vpn`, `go` | [`#proxypool`](proxypool.toshiki.dev) | ![GitHub stars](https://img.shields.io/github/stars/andatoshiki/toshiki-proxypool?style=flat) | ![GitHub last commit](https://img.shields.io/github/last-commit/andatoshiki/toshiki-proxypool?style=flat&label=last) | 🧸 A magical scraper that automatically crawl SS, SSR, vmess, trojan node info from web, Telegram Channels, and localize/integrate into a web panel for convenient usages |
| ![icon](./assets/icons/nuxtjs.svg) | [andatoshiki/toshiki-home-v2](https://github.com/andatoshiki/toshiki-home-v2) | `homepage`, `personal-home`, `nuxtjs`, `custom-home`, `personal-website`, `home` | [`#homepage`](https://www.toshiki.dev) | ![GitHub stars](https://img.shields.io/github/stars/andatoshiki/toshiki-home-v2?style=flat) | ![GitHub last commit](https://img.shields.io/github/last-commit/andatoshiki/toshiki-home-v2?style=flat&label=last) | 🪗 V2 of Toshiki's lovely homepage with a complete rebuild and UI/UX design on top of NuxtJS including a decent yet with smooth page transitional effect in addition with customizable showcase pages of interests! |
| ![icon](./assets/icons/vite.svg) | [andatoshiki](https://github.com/andatoshiki/toshiki-notebook) | `notebook`, `vitepress`, `vite`, `knowledge`, `personal-notebook` | [`#notebook`](https://note.toshiki.dev) | ![GitHub stars](https://img.shields.io/github/stars/andatoshiki/toshiki-notebook?style=flat) | ![GitHub last commit](https://img.shields.io/github/last-commit/andatoshiki/toshiki-notebook?style=flat&label=last) | 📖 Toshiki's web notebook built upon Vitepress and deployed via Vercel! |
| | | | | | | |
| | | | | | | |
<!-- ### 9. Hardwares -->
<!-- <p align="center">
<img src="https://stats.toshiki.top/api?show_bg=1&username=andatoshiki&include_all_commits=true" alt="andatoshiki's profile readme stats"></img>
</p>
<p align="center">
<img src="https://cdn.jsdelivr.net/gh/andatoshiki/toshiki-github-stats@master/generated/languages.svg" alt="andatoshiki's dynamic github language stats"></img>
</p> -->
<p align="center">
<img src="https://moe-counter.glitch.me/get/@andatoshiki:github?theme=rule34">
</p>
<!-- footer sine wave svg centered starts-->
<img width=100% src="./assets/footer-pink.svg" alt="footer banner" />
<!-- footer sine wave ends -->