Playground

Try!

This is my Playground!

This place is made up of my favorite things.

The reason why I made this page

• To practice Atomic Design
  • original
    • Atom
    • Molecule
    • Organism
    • Template
    • Page
  • this project (Simplified in 3 steps)
    • Atom -> Minimum size components
    • Module -> Composed of multiple Atoms, or larger than Atoms
    • Template -> Pages consisting of Modules and Atoms

• To practice Git-Flow
  • main -> main branch
  • gh-pages -> for gh-pages
  • develop -> for develop. All the feats start here and merge here
  • feat -> Use when creating features
  • refactor -> Used when refactoring

• Just for fun!
  • To express things that I like

Directory

src
 ├─── Assets
 │  ├── Fonts
 │  └── Images
 ├─── Components
 │  ├── _Atoms (Minimum size components)
 │  ├── _Modules (Composed of multiple Atoms, or larger than Atoms)
 │  └── _Templates (Pages consisting of Modules and Atoms)
 ├─── Hooks
 ├─── App.tsx
 └─── index.tsx