indie-collective/community

Atomic Design

engleek opened this issue · 0 comments

engleek commented

I'm planning to cut the interface up into components following atomic design guidelines.

For now that would look like this:

Atoms

  • Dropzone
  • Logo

With anything from Bootstrap.

Molecules

  • CountrySelect
  • StructureSelect
  • LoadingImage

Organisms

  • App
  • Navigation
  • LoginForm
  • EventForm
  • StructureForm
  • EventList
  • StructureList
  • Hero
  • Metadata
  • Copy (text)
  • ImageGrid
  • ImageUploader
  • Map
  • NextEvents

Templates / Pages compose all these to build unique pages.