https://github.com/gah-code/termstack
https://github.com/gah-code/termstack
Last synced: 16 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/gah-code/termstack
- Owner: gah-code
- Created: 2026-06-16T21:10:35.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2026-06-16T22:49:47.000Z (about 1 month ago)
- Last Synced: 2026-06-16T23:10:54.196Z (about 1 month ago)
- Language: TypeScript
- Size: 85 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TermStack
TermStack is a lightweight React glossary for learning technical, content strategy, CMS, SEO, frontend, and AI workflow terms.
The project starts as a simple single-page glossary and will grow into a structured learning hub with Markdown-powered articles.
## Purpose
TermStack is designed to make complex terms easier to learn through:
- Clear definitions
- Category filters
- Accordion-style learning cards
- Light and dark mode
- Markdown-based deeper learning posts
## Tech Stack
- React
- TypeScript
- Vite
- React Router
- CSS variables
- React Markdown
- Local Markdown files
## Current Features
- Responsive single-page layout
- FAQ-style accordion interaction
- Category filtering
- Light/dark mode
- Theme persistence with localStorage
- Accessible accordion relationships
- Reduced-motion support
- Search input
- Search and category filtering together
- Result count
- Empty state for no matches
- Expanded starter term list
- Markdown post registry
- Multiple Markdown learning posts
- Term-to-post linking by slug
- React Router routes
- Dedicated Markdown post detail pages
- Glossary-to-post navigation
- Not found page
- Netlify SPA redirect support
- Branded visual system
- Refined typography tokens
- Markdown table support with `remark-gfm`
- Styled Markdown tables
- Brand guidelines documentation
- Responsive refinement for mobile, tablet, and desktop layouts
- Mobile-friendly category filters
- Improved small-screen typography
- Safer Markdown table overflow behavior
- Responsive QA documentation
## Project Structure
```txt
termstack/
├── docs/
│ ├── BRAND-GUIDELINES.md
│ └── RESPONSIVE-QA.md
├── public/
│ ├── _redirects
│ ├── favicon.svg
│ └── icons.svg
├── src/
│ ├── content/
│ │ ├── terms.ts
│ │ └── posts/
│ │ ├── index.ts
│ │ ├── content-modeling.md
│ │ ├── content-type.md
│ │ ├── prompt-workflow.md
│ │ └── taxonomy.md
│ ├── components/
│ │ ├── AccordionItem.tsx
│ │ ├── CategoryFilter.tsx
│ │ ├── EmptyState.tsx
│ │ ├── PostArticle.tsx
│ │ ├── SearchInput.tsx
│ │ ├── ThemeToggle.tsx
│ │ └── TermList.tsx
│ ├── pages/
│ │ ├── GlossaryPage.tsx
│ │ ├── PostPage.tsx
│ │ └── NotFoundPage.tsx
│ ├── styles/
│ │ ├── globals.css
│ │ └── tokens.css
│ ├── App.tsx
│ └── main.tsx
├── package.json
└── README.md
```
## Run Locally
```bash
npm install
npm run dev
```
## Build
```bash
npm run build
```
## Phase Status
### Phase 01 — React Foundation
Status: Complete
### Phase 02 — Component Refinement and Interaction Polish
Status: Complete
### Phase 03 — Search and Content Scaling
Status: Complete
### Phase 04 — Markdown Post System
Status: Complete
### Phase 05 — Routing and Blog Detail Pages
Status: Complete
### Phase 06 — Visual System, Typography, and Markdown Tables
Status: Complete
### Phase 07 — Responsive Refinement
Status: In Progress
## Next Planned Features
- More glossary terms
- More Markdown posts
- Related terms
- Contentful-ready content model