Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/castle2668/castle2668

Last synced: 2 days ago
JSON representation

Host: GitHub
URL: https://github.com/castle2668/castle2668
Owner: castle2668
Created: 2020-12-08T02:21:40.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2024-05-21T08:51:18.000Z (6 months ago)
Last Synced: 2024-05-21T10:33:42.105Z (6 months ago)
Size: 63.5 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        ![npm](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Vitest](https://img.shields.io/badge/-Vitest-252529?style=for-the-badge&logo=vitest&logoColor=FCC72B)

![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)

![cypress](https://img.shields.io/badge/-cypress-%23E5E5E5?style=for-the-badge&logo=cypress&logoColor=058a5e)

## About Me

* **Name:** 黃永翔 (Sean Huang)

* **Role:** Frontend Engineer

* **Location:** Tainan, Taiwan

* **Blog:** [Sean's Blog](https://www.seanhuang.dev)

* **Email:** [email protected]

* **LinkedIn:** [Sean Huang](https://www.linkedin.com/in/sean-huang-tw/)

* **CV:** [seanhuang.dev/resume](https://www.seanhuang.dev/resume)

## Side Projects

SPA:

* [MapleStory Match Cards Mini Game](https://github.com/castle2668/maplestory-match-cards-minigame): 🃏 MapleStory Match Cards Mini Game. Built with Vite + React + Shadcn UI + Zustand + React Query. Tested with Vitest + React Testing Library + Cypress.

* [MapleStory Shop](https://github.com/castle2668/maplestory-shop): 🍁 Show my LOVE for MapleStory over the years by building this website featuring iconic items!

* [Mask Map](https://github.com/castle2668/mask-map): A website that shows us where to buy face masks in Taiwan, originally developed during the COVID-19 pandemic to support public health needs. Built with Vue 2 + Bootstrap + OpenStreetMap + Leaflet.

* [Studio Ghibli](https://github.com/castle2668/studio-ghibli): Studio Ghibli Fan Project built with React.

SSG:

* [Sean's Blog](https://github.com/castle2668/astro-blog): Blog built with Astro + Tailwind CSS + TypeScript + ESLint + Markdown. Bringing articles, stories, and tutorials for web enthusiasts.

* [Next.js App Router Blog](https://github.com/castle2668/next-app-router-blog): SSG blog built with Next.js App Router + Tailwind CSS + Shadcn UI + Markdown.

* [Next.js Pages Router Blog](https://github.com/castle2668/next-pages-router-blog): SSG blog built with Next.js Pages Router + CSS Modules + Markdown.

* [Gatsby Blog](https://github.com/castle2668/gatsby-blog): SSG blog built with Gatsby.js + styled-components + GraphQL + Markdown.

## Interest in Programming

### Frontend

* JavaScript (TypeScript)

* UI interaction and browser-related technologies

* SEO and web page performance optimization-related technologies

* Now I mainly use React, and I also have development experience in Vue 2

* Favorite tech stack: Vite + React (SPA) / Astro (SSG) / Next.js (SSR) + Tailwind CSS + Shadcn UI + TypeScript + Zustand + React Query + Vitest + React Testing Librery + Playwright

* Favorite development configuration: EditorConfig + Prettier + ESLint

* Want to get more familiar with open data and data visualization

### Backend / Others

* Have learned C, PHP, MySQL, Python, and Java in college

* Have built an Autonomous Lawn Mower using Pixhawk, ArduRover, and Mission Planner

![Sean's GitHub Stats](https://github-readme-stats.vercel.app/api?username=castle2668&theme=react)

[![roadmap.sh](https://roadmap.sh/card/wide/65fbda486deb533d6e0244c9?variant=dark)](https://roadmap.sh)

[![Leetcode Stats](https://leetcard.jacoblin.cool/castle2668?theme=unicorn&font=Paprika&ext=activity&hide=ranking)](https://leetcode.com/castle2668)