Gaming Zone

Overview

Gaming-Zone is a website where you can chat with other people about different Games, or just any Topic.

What I built

Data & Backend

• Custom Warn System - As an Admin or Owner you are able to warn a person and the person will see it. Featured with a custom expiring date for them.
• Posts - Every User can create a Post on 4 different Topic.
• Deleted Posts detection - If a User or Admin deletes a post, it will get logged in our system so Admins can see it.
• Settings - In Settings you can change your Email, Bio, Password and Profile Appearance.
• Login System - A login system where you can create a account or login into an existing account.

UI

• Custom Post UI - You have a custom UI where you can create posts with an opening animation.
• Dropdown Menu - An own custom dropdown menu for your profile, settings and logout

Code Sample

<% if (query) { %>
<div class="search-results">
  <!-- POSTS SECTION -->
  <div class="result-section">
    <h2>📝 Posts (<%= posts.length %>)</h2>

    <% if (posts.length > 0) { %>
      <% posts.forEach(post => { %>
        <div class="result-item">
          <h3><%= post.title %></h3>
          <p><%= post.content.substring(0, 200) %><%= post.content.length > 200 ? '...' : '' %></p>
          <div class="result-meta">
            <span class="badge"><%= post.category %></span>
            Posted by <strong>@<%= post.username %></strong>
            • <%= new Date(post.createdAt).toLocaleDateString('de-DE') %>
            • 👍 <%= post.likes.length %> Likes
            • 💬 <%= post.comments ? post.comments.length : 0 %> Comments
          </div>
        </div>
      <% }) %>
    <% } else { %>
      <div class="no-results">
        <p>No posts found for "<%= query %>"</p>
      </div>
    <% } %>
  </div>
</div>
<% } %>

Screenshots

A Problem I had

A problem I had, was that my Custom Login system gave me a lot of errors. I needed to rewrite my whole backend to fix it.