cn10xdev/Echo

Implement responsiveness

Open

#1 opened on Dec 23, 2024

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (2 forks)auto 404
enhancementfrontendgood first issueui/ux

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (PR metrics pending)

Description

Create a collapsible sidebar menu on the left side of the application for chat lists and search functionality in mobile view. Additionally, ensure that clicking on a username at the top opens a chat information section, allowing users to view images and block/unblock users.

Contributor guide

Research direction
Implement a collapsible sidebar using CSS media queries and a toggle button for mobile view. Add event listeners to username clicks to show a chat information panel with image and block/unblock actions. Consider using state management (e.g., React state or vanilla JS) to control visibility.
Tech stack
javascript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLCSSJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70