namaka is a fullstack library, for web apps, that provides features for user comments, replies, and 5-star reviews.
🚧 namaka is currently under construction.
📦 npm install @haumea/namaka
🛠️ typescript library and nodejs server
🌐 universal web components
💖 made with open source love, just for you
🎨 figma designs
👨🏫 namaka devboard for tracking work and priorities
- git checkout the codebase
npm install
— install package dependenciesnpm run build
— run a full project build
npm run watch
— background process that rebuilds typescript codenpm start
— background process http server- browse to http://localhost:8080/ to access demo page
- 🔥 lit web component library
- 🔮 snapstate state management
- 🧙♂️ dbmage database library
- ⛩️ renraku api library
- 🧐 cynic testing library
-
<namaka-board>
a board that lists comments or reviews. every comment or review "belongs" to a board. each board has a "load more" button at the bottom, and sorting functionality. -
<namaka-comment>
display a comment. it might be a thread or a reply. it might also have a score (we call comments that have scores "reviews"). -
<namaka-write-a-comment>
a user can author a new comment or review thread, and post it onto the board. -
<namaka-edit-comment>
a user can edit an existing comment or review, whether it be a thread, or a reply. -
<namaka-board-stats>
display interesting statistics about the given board's comments and reviews. statistics like the average review score, total number of comments, things like that. -
<namaka-bans>
displays a list of banned users (for admins). -
<namaka-demo>
helps developers test and work on namaka in "mock mode", without a real auth integration.
-
<namaka-modals>
in-viewport popups. these grab the user's attention, and requires them to take an action before allowing them to get back to the rest of the page. -
<namaka-ban>
confirm whether you want to ban a specific user, and provide a timeframe for how long you want the ban to last. -
<namaka-unban>
confirm whether you want to repeal a ban for a specific user. -
<namaka-archive-comment>
confirm whether you want to archive a specific comment. this appears to delete a comment.
<namaka-textarea>
a smart textarea input with validation functionality.
renderFiveStarDisplay
renders a 0 to 100 score as a five-star-rating.