Home

Web Exhibit

Description

Purpose

To help people learn HTML and CSS by example.

Functionality

• fuzzy search on the homepage
  • keyboard navigation (arrow keys, enter)
• exhibit page
  • add an exhibit
  • view exhibits
• exhibits
  • codemirror editor
  • favorite star (doesn't save anything yet)
• log in

Database Schema

Collection

{
    _id: "5661efa77648c1a3115bce54",
    category: "css",
    exhibits: [{
        _id: "5668d7a24c3d3f94101e3492"
        code: "<p>background image </p>"
    }],
    summary: "No summary yet.",
    title: "background-image"
}

Exhibit

{
    _id: "5668d7a24c3d3f94101e3492"
    code: "<p>background image </p>"
}

User

{
    "_id": "5669b57f537c1dd01ad06a7e",
    "username": "mark",
    "name": "Mark",
    "password_hash": "$2a$10$rDY/n5/ftpgQiyaHE0HrOufHSG02L0PxkrKMcLHfrGCzgRNvG/4iy"
}

Future work

• hook up favorites to the back end
• fix navbar contrast
• get user login fixed
• add UX flow for when users submit new proposals. No response after submit click right now
• allow users to add proposals for collections that already have one exhibit
• screenshots to the wiki