Skip to content
View castle2668's full-sized avatar
🍁
Passion Comes From Mastery
🍁
Passion Comes From Mastery

Block or report castle2668

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
castle2668/README.md

NPM Vite React Next JS TailwindCSS Vitest Jest cypress

About Me

Side Projects

SPA:

  • MapleStory Match Cards Mini Game: 🃏 MapleStory Match Cards Mini Game. Built with Vite + React + Shadcn UI + Zustand + React Query. Tested with Vitest + React Testing Library + Cypress.
  • MapleStory Shop: 🍁 Show my LOVE for MapleStory over the years by building this website featuring iconic items!
  • 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: Studio Ghibli Fan Project built with React.

SSG:

  • Sean's Blog: Blog built with Astro + Tailwind CSS + TypeScript + ESLint + Markdown. Bringing articles, stories, and tutorials for web enthusiasts.
  • Next.js App Router Blog: SSG blog built with Next.js App Router + Tailwind CSS + Shadcn UI + Markdown.
  • Next.js Pages Router Blog: SSG blog built with Next.js Pages Router + CSS Modules + Markdown.
  • 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 + simple-import-sort
  • 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

roadmap.sh

Leetcode Stats

Pinned Loading

  1. astro-blog astro-blog Public

    Blog built with Astro + Tailwind CSS + TypeScript + ESLint + Markdown. Bringing articles, stories, and tutorials for web enthusiasts.

    Astro

  2. maplestory-match-cards-minigame maplestory-match-cards-minigame Public

    🃏 MapleStory Match Cards Mini Game. Built with Vite + React + Shadcn UI + Zustand + React Query. Tested with Vitest & React Testing Library + Cypress.

    TypeScript 1

  3. next-app-router-blog next-app-router-blog Public

    SSG blog built with Next.js App Router + Tailwind CSS + Shadcn UI + Markdown.

    TypeScript

  4. next-pages-router-blog next-pages-router-blog Public

    SSG blog built with Next.js Pages Router + CSS Modules + Markdown.

    JavaScript

  5. mask-map mask-map Public

    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.

    SCSS

  6. maplestory-shop maplestory-shop Public

    🍁 Show my LOVE for MapleStory over the years by building this website featuring iconic items!

    Vue 8 11