• Stars
    star
    2,308
  • Rank 19,952 (Top 0.4 %)
  • Language
    JavaScript
  • License
    Other
  • Created about 3 years ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

My homepage

Takuya's Homepage

https://www.craftz.dog/

Tutorial

Watch how I built this website on YouTube:

YouTube thumbnail

Stack

  • Next.js - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
  • Chakra UI - A simple, modular and accessible component library for React
  • Three.js - 3D library for JavaScript
  • Framer Motion - An animation library for React

Project structure

$PROJECT_ROOT
β”‚   # Page files
β”œβ”€β”€ pages
β”‚   # React component files
β”œβ”€β”€ components
β”‚   # Non-react modules
β”œβ”€β”€ lib
β”‚   # Static files for images and 3d model file
└── public

License

MIT License.

You can create your own homepage for free without notifying me by forking this project under the following conditions:

  • Add a link to my homepage
  • Do not use the 3d voxel dog

Check out LICENSE for more detail.


Looking for a Markdown note-taking app? Check out my app called Inkdrop:

Inkdrop

More Repositories

1

dotfiles-public

My personal dotfiles
Lua
6,362
star
2

solarized-osaka.nvim

🏯 A clean, dark Neovim theme written in Lua, with support for lsp, treesitter and lots of plugins.
Lua
687
star
3

chat-bubbles-for-yt

Real-time recording for chat bubbles
TypeScript
658
star
4

react-native-animated-todo

Animated ToDo app built with React Native and Reanimated v2
TypeScript
450
star
5

react-native-sqlite-2

SQLite3 Native Plugin for React Native for iOS, Android, Windows and macOS.
TypeScript
379
star
6

react-native-quick-base64

A fast base64 module for React Native
TypeScript
363
star
7

electron-markdown-editor-tutorial

Electron Markdown editor tutorial
JavaScript
304
star
8

craftzdog-uses

A curated list of the tech I use, built with Astro and Tailwind CSS
Astro
263
star
9

react-native-aes-gcm-crypto

AES-GCM encryption/decryption for React Native
Java
246
star
10

inkdrop-ui-mockup-react-native

A mockup for Inkdrop mobile inspired by Gmail
TypeScript
244
star
11

link-in-bio

Link in bio page for my Instagram profile
HTML
168
star
12

react-native-checkbox-reanimated

Animated checkbox built with Reanimated v2
TypeScript
167
star
13

ghibli-style-shader

Ghibli-styled Shader Example for Three.js
JavaScript
158
star
14

vlog-translator

A Personal Tool for Transcribing & Translating My Vlogs into Japanese
TypeScript
147
star
15

pouchdb-adapter-react-native-sqlite

PouchDB adapter using ReactNative SQLite as its backing store
TypeScript
128
star
16

react-native-quick-md5

Fast C++ implementation with JSI binding of MD5 for React Native
C++
108
star
17

caffe-ios-sample

An example of XCode project using Caffe: a fast open framework for deep learning
Objective-C++
98
star
18

ZenPlayer-for-iOS

ZenPlayer written with objective-c
Objective-C
91
star
19

hyper-holoplay

Holoplay integration for Hyper
JavaScript
83
star
20

cm6-themes

Themes for CodeMirror 6
TypeScript
81
star
21

voxel-dog

A cute 3D dog rendered with three.js
TypeScript
73
star
22

send-email-lambda

Simple email sender running on Lambda
JavaScript
69
star
23

react-native-three-column-layout

Three-column layout with animation support for tablet displays
TypeScript
48
star
24

react-native-quick-websql

Fast WebSQL-compatible SQLite driver for React Native
TypeScript
44
star
25

NRBlurryStepOutAnimatedTransitioning

tweetbot like modal view transitioning
Objective-C
42
star
26

react-native-skeuomorphism-ui-example

Neo-skeuomorphism style UI Example for React Native
JavaScript
38
star
27

react-native-japanese-tokenizer

Async Japanese Tokenizer Native Plugin for React Native for iOS and Android
Java
36
star
28

p5-wave-visualization

p5 sketch visualizing the sound of waves of the sea recorded at Yuigahama in Kamakura, which is processed with FFT.
JavaScript
36
star
29

react-codemirror-runmode

Syntax highlighting for react, utilizing CodeMirror's parser
TypeScript
31
star
30

smooth-toc-example

A demo project of a smoothly animated table of contents
CSS
30
star
31

presentation-themes

Presentation themes based on popular syntax themes
19
star
32

gatsby-starter-ionic

A Gatsby starter with Ionic added on top
CSS
17
star
33

atom-react-app

An empty React app based on Atom Editor
JavaScript
16
star
34

pouchdb-react-native-demo

A working demo for PouchDB on React Native with SQLite3 storage
JavaScript
15
star
35

extract-main-text-node

ExtractContent for node.js
JavaScript
15
star
36

react-native-native-ui-component-boilerplate

My boilerplate for building a native UI component for React Native
Java
13
star
37

remark-react-codemirror

Syntax highlighting for remark-react through CodeMirror
JavaScript
11
star
38

remark-strip-html

Remove html formatting from Markdown
JavaScript
11
star
39

anavi-phat-sensors-ui

Web interface for ANAVI pHAT & CO2 sensors
CSS
10
star
40

react-native-sqlite-2-demo

React Native SQLite 2 Demo
JavaScript
5
star
41

anavi-sensors-api

An API server to retrieve ANAVI sensor data from my Raspberry Pi
JavaScript
4
star
42

rn-tamagui-web-test

TypeScript
4
star
43

lunr-language-jp

A Japanese tokenizer and stopwords for Lunr JavaScript library
JavaScript
3
star
44

frosted-top-bar-example

an example of iOS like frosted blurry-styled top-bar on the web
HTML
3
star
45

raspcon

A remote controller server for my room πŸ•Ή
JavaScript
2
star
46

twit-promise

A wrapper for the Twit module that its get/post methods return the native promise
JavaScript
2
star
47

NRJSONHelpers

Handy categories for encoding/decoding JSON in Objective-C
Objective-C
1
star
48

codemirror.next-markdown

Markdown test
1
star
49

electron-acrylic-window-drag-issue-reproduction

JavaScript
1
star
50

react-native-pouchdb-md5

PouchDB utilities for calculating MD5 checksums for React Native
Java
1
star