Skip to content
Donkey Development Guide
  • Pages
    • Project Overview
    • Workflows
      • Developer Flow
      • Adding New Features
      • Feature Requirements Document (Sample)
      • Syncing Design & Code
    • Design Guide
      • Style guide
      • Components
      • Exports
    • Coding guide
      • icon picker
        Folders structure
      • Coding Practices
        • Styling
      • Naming Practices
      • Commenting Practices
    • Github & Code Review Practices
    • Components
    • Resources

Folders structure

The structure

src
Assets
Images
Donkey Brand
Donkey’s logos...
Drawings
Donkeys drawings...
Arrows, x’s, wallet, settings...
Images
What ever (but only reusable ones)...
Logos
Partners
Partners logos
Social
Social logos
Protocols and currencies
Protocols and currencies logos
Animations
Lotties, gifs...
Icons
Arrows, dots,
Components
UI
Layout
Containers, rows, columns, boxes, tables, accordion...
Elements
Buttons, Fields,
Each component should be in a separate folder with all it’s files and assets (if they are not global assets).
Context
all the contexts that are created...
Providers
Providers that share globals state or provide shard context across the application...
Hooks
All hooks...
Website
Templates
Strategy
User Profile
Auction
Feature
...
Pages
Home
About
FAQ
...
Parts
Header, footer, hero, page title...
Homepage, FAQ, Community...

What goes where

Components

Each component should be in it’s category folder (Layout components go to “Layout” folder, Button components go to “Elements” folder...).
All component assets should be placed the component folder except assets that might be used globally (by other components) that should go to the global assets folder.

Graphics

Global graphics should be placed in global folders (names of folders are self explanatory).
Graphics that are used only on one component should be placed in the components folder.

 
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.