Hi, I'm chocolat 👋

Front-end Developer ・ Freelancer ・ Based in Tokyo

Featured

Four Ways of Creating an Animation Loop in CSS, JavaScript

January 04

How to Use the TMDb API

February 09

Scroll Animation with ScrollTrigger (GSAP)

February 07

Picked Projects

App

The Movie Quote of the Day

Minimal Movie Quotes Widget for Notion workspace. Show a random quotes from all-time best movies every time you open Notion.

React
TypeScript
Vite

App

Case Converter

Online Free Case Converter Tool - UPPERCASE, lowercase, Capitalize Case, Title Case

React
TypeScript
Vite

App

Emoji Search

Emoji Search is search and one click to copy for Notion Widget

React
TypeScript
Vite

App

Github Profile Viewer

GitHub user's profile viewer using GitHub API. Display information, repositries.

React

Website

chocolat

My blog site

React
Next.js
TypeScript

Website

Penglue

Website for chat-bot service

JavaScript
WordPress

Hi, I'm chocolat 👋

RECENT Posts

Creating a Smooth Scroll to Multiple Sections using React useRef

How to Redirect Cloudflare Pages (*pages.dev) to Custom Domain

How to Use Future CSS Features Custom Media Queries （@custom-media） using PostCSS

How to Display Your Products on Your Website using Gumroad API [Next.js]

Use Absolute Import in React, TypeScript in 2 Steps

My 2023 in review

Add Emotion to Vite + React + TypeScript Project

Setup Vite + React + TypeScript (ESLint + Prettier + Husky) Project and Deploy on Vercel

Sorting Arrays in Any Order Using sort()

Using next/font in Next.js 13