Program Design

Brain Write

• Commerce site for Del Norte students to sell their belongings/services
  • ex. Used TINspire calculator, tutoring, clothes
• Helps students earn money, save money on common items, and get help (tutoring)!
• Reselling products is environmentally friendly!
• Not directly associated with the school so we don't get sued!

Design

Our team made a Figma with a very rough overview of what we want our final project to look like. We will update this with behavior, interaction, and data diagrams as we solidify our ideas.

Test Frontend/Backend Code

Sample code to create a row in a table for each listing. We don't want a table in our final product, but this is a good start for iterating over product listings.

// create object for listing
function Listing(name, price, contactInfo) {
    this.name = name;
    this.price = price;
    this.contactInfo = contactInfo;
}

const data = [
    new Listing("TINspire Calculator", "70.00", "test@test.com"),
    new Listing("New PE Lock", "5.00", "1-800-YOUR-NUMBER"),
    new Listing("AP Bio Prep Book", "15,00", "test@test.com")
]

// return table row for each listing that can be added to html
for (const row of data) { 
    const name = row.name;
    const price = row.price;
    const contactInfo = row.contactInfo;
    console.log(`
    <tr>
        <td>${name}</td>
        <td>${price}</td>
        <td>${contactInfo}</td>
    </tr>
    `)
 }

    <tr>
        <td>TINspire Calculator</td>
        <td>70.00</td>
        <td>test@test.com</td>
    </tr>
    

    <tr>
        <td>New PE Lock</td>
        <td>5.00</td>
        <td>1-800-YOUR-NUMBER</td>
    </tr>
    

    <tr>
        <td>AP Bio Prep Book</td>
        <td>15,00</td>
        <td>test@test.com</td>
    </tr>