Holded_Blog / file structure
Shinhati2023's picture
Create file structure
e9ad530 verified
Raw
History Blame Contribute Delete
2.23 kB
glassgrid/
├── index.html # App shell / entry point
├── explore.html # Explore feed page
├── profile.html # User profile page
├── admin.html # Admin C-Panel
├── tokens/
│ ├── tokens.css # Master design tokens (CSS variables)
│ ├── theme-midnight.css # Theme: Midnight (default)
│ ├── theme-aurora.css # Theme: Aurora
│ ├── theme-ember.css # Theme: Ember
│ └── theme-ocean.css # Theme: Ocean
├── styles/
│ ├── base.css # Reset + global base styles
│ ├── glass.css # Glassmorphism utility classes
│ ├── layout.css # Layout system (no visual styles)
│ ├── components.css # All component styles
│ └── animations.css # Motion / transitions
├── components/
│ ├── PostCard.js # Post card component
│ ├── Navbar.js # Navigation bar component
│ ├── CommentBox.js # Comment component
│ ├── ProfileHeader.js # Profile header component
│ ├── StoryReel.js # Stories / highlights
│ ├── ExploreGrid.js # Explore grid component
│ └── AdminPanel.js # Admin panel component
├── data/
│ ├── schema.js # Content schema definitions
│ ├── posts.json # Post data store
│ ├── users.json # User data store
│ ├── config.json # Site config / feature flags
│ └── themes.json # Theme registry
├── lib/
│ ├── store.js # State management
│ ├── router.js # Client-side router
│ ├── auth.js # Auth layer
│ ├── api.js # API abstraction layer
│ └── theme-engine.js # Theme switching engine
└── assets/
├── icons/ # SVG icon system
└── images/ # Static assets