🛒 Dnero Store Project Overview

This project aims to develop an interactive online chat room where users, particularly students, can buy their favorite items at the Dnero Store. The platform promotes new items at the Dnero Store, and encourages communities with people who are interested in buying the same thing.

🎉 Key Innovation

The distinctive aspect of the project is its community-building approach. As students choose items they’re interested in, they are automatically placed into groups (chat communities) with others who share similar preferences. This feature boosts user engagement by creating spaces where members can share images and discuss newly available items.

🛠️ Key Features

Activity Chatroom: A designated space where students share opinions on items sold at the Dnero Store.
Community Matching: Automatic group chat creation based on item preferences.

Moderator Rules:

Be kind and respectful of every person on this forum
Be polite while commenting. Inappropriate or mean comments will be removed
Only post topics relating to the D’Nero store and its goods
Don’t advertise for other stores or schools like Westview
Most importantly, have fun while sharing your opinion!

🍭 Nighthawk Dnero Store (Showcase Page)

This page highlights the fun and interactive experience for students to browse and discuss D’nero Store items. The purpose is to create an engaging chat room specifically for Del Norte High School students, with a focus on the D’Nero Store.

Nighthawk D'nero Store Visual

Data to Capture in the Chat Room

Data	Description
Likes on posts	Number of likes each item post receives
Comments	User-generated comments on items

🖥️ Coding Work (flocker_frontend)

<img src="/risha_guha_2025_1/images/dnerostore/Dnero_Store_Header.png" alt="Dnero Store Header" style="width: 100%; height: auto;">
<h2><a href="/risha_guha_2025_1/dnerostore-mod/" class="mod-rules-button"> Mod Rules </a></h2><details>
  <summary style="color: white;">Room Details</summary>
  <p style="color: white;">Discuss your favorite D'Nero store items here!</p>
</details><div class="container">
  <div class="category-box">
    <!-- Food and Drink Category -->
    <div class="category-row" onclick="toggleItems('food-drink-items')">
      <h3>Food and Drink</h3>
      <div id="food-drink-items" class="item-list-container" style="display: none;">
        <p>Please select your favorite item from this list:</p>
        <div class="item-list">
          <button onclick="selectItem(this, 'most', 'Food and Drink')" data-channel-id="28">Trail Mix</button>
          <button onclick="selectItem(this, 'most', 'Food and Drink')" data-channel-id="28">Nutella</button>
          <button onclick="selectItem(this, 'most', 'Food and Drink')" data-channel-id="28">Famous Amos</button>
          <button onclick="selectItem(this, 'most', 'Food and Drink')" data-channel-id="28">Chips</button>
          <button onclick="selectItem(this, 'most', 'Food and Drink')" data-channel-id="28">Sports Drinks</button>
          <button onclick="selectItem(this, 'most', 'Food and Drink')" data-channel-id="28">Fruit Snacks</button>
          <button onclick="selectItem(this, 'most', 'Food and Drink')" data-channel-id="28">Water</button>
          <button onclick="selectItem(this, 'most', 'Food and Drink')" data-channel-id="28">Pizza</button>
        </div>
        <p>Please select your LEAST favorite item from this list:</p>
        <div class="item-list">
          <button onclick="selectItem(this, 'least', 'Food and Drink')" data-channel-id="28">Trail Mix</button>
          <button onclick="selectItem(this, 'least', 'Food and Drink')" data-channel-id="28">Nutella</button>
          <button onclick="selectItem(this, 'least', 'Food and Drink')" data-channel-id="28">Famous Amos</button>
          <button onclick="selectItem(this, 'least', 'Food and Drink')" data-channel-id="28">Chips</button>
          <button onclick="selectItem(this, 'least', 'Food and Drink')" data-channel-id="28">Sports Drinks</button>
          <button onclick="selectItem(this, 'least', 'Food and Drink')" data-channel-id="28">Fruit Snacks</button>
          <button onclick="selectItem(this, 'least', 'Food and Drink')" data-channel-id="28">Water</button>
          <button onclick="selectItem(this, 'least', 'Food and Drink')" data-channel-id="28">Pizza</button>
        </div>
      </div>
    <div id="food-drink-posts" class="category-posts"></div>
    </div>
  <!-- Spirit Category -->
  <div class="category-box">
  <div class="category-row" onclick="toggleItems('spirit-items')">
    <h3>Spirit</h3>
    <div id="spirit-items" class="item-list-container" style="display: none;">
      <p>Please select your favorite item from this list:</p>
      <div class="item-list">
        <button onclick="selectItem(this, 'most', 'Spirit')" data-channel-id="29">Morning Song</button>
        <button onclick="selectItem(this, 'most', 'Spirit')" data-channel-id="29">DNHS T-shirt</button>
        <button onclick="selectItem(this, 'most', 'Spirit')" data-channel-id="29">1 Pom Pom</button>
      </div>
      <p>Please select your LEAST favorite item from this list:</p>
      <div class="item-list">
        <button onclick="selectItem(this, 'least', 'Spirit')" data-channel-id="29">Morning Song</button>
        <button onclick="selectItem(this, 'least', 'Spirit')" data-channel-id="29">DNHS T-shirt</button>
        <button onclick="selectItem(this, 'least', 'Spirit')" data-channel-id="29">1 Pom Pom</button>
      </div>
    </div>
    <div id="spirit-posts" class="category-posts"></div>
  </div>  <!-- Limited Edition Category -->
  <div class="category-box">
  <div class="category-row" onclick="toggleItems('limited-edition-items')">
    <h3>Limited Edition</h3>
    <div id="limited-edition-items" class="item-list-container" style="display: none;">
      <p>Please select your favorite item from this list:</p>
      <div class="item-list">
        <button onclick="selectItem(this, 'most', 'Limited Edition')" data-channel-id="30">Candy</button>
        <button onclick="selectItem(this, 'most', 'Limited Edition')" data-channel-id="30">Squishmallow mini</button>
        <button onclick="selectItem(this, 'most', 'Limited Edition')" data-channel-id="30">Starbucks SDSU Tumbler</button>
      </div>
      <p>Please select your LEAST favorite item from this list:</p>
      <div class="item-list">
        <button onclick="selectItem(this, 'least', 'Limited Edition')" data-channel-id="30">Candy</button>
        <button onclick="selectItem(this, 'least', 'Limited Edition')" data-channel-id="30">Squishmallow mini</button>
        <button onclick="selectItem(this, 'least', 'Limited Edition')" data-channel-id="30">Starbucks SDSU Tumbler</button>
      </div>
    </div>
    <div id="limited-edition-posts" class="category-posts"></div>  </div>
  <!-- Gift Cards Category -->
  <div class="category-box">
  <div class="category-row" onclick="toggleItems('gift-card-items')">
    <h3>Gift Cards</h3>
    <div id="gift-card-items" class="item-list-container" style="display: none;">
      <p>Please select your favorite item from this list:</p>
      <div class="item-list">
        <button onclick="selectItem(this, 'most', 'Gift Cards')" data-channel-id="31">Chik-fil-a</button>
        <button onclick="selectItem(this, 'most', 'Gift Cards')" data-channel-id="31">Canes</button>
      </div>
      <p>Please select your LEAST favorite item from this list:</p>
      <div class="item-list">
        <button onclick="selectItem(this, 'least', 'Gift Cards')" data-channel-id="31">Chik-fil-a</button>
        <button onclick="selectItem(this, 'least', 'Gift Cards')" data-channel-id="31">Canes</button>
      </div>
    </div>
    <div id="gift-card-posts" class="category-posts"></div>

Research

Evidence of research and look-a-like ideas from Reddit, Pinterest, etc. Showing research.