freeCodeCamp/devdocs

Search hint for new users

Open

#1517 opened on Apr 7, 2021

View on GitHub
 (1 comment) (2 reactions) (0 assignees)Ruby (38,907 stars) (2,598 forks)batch import
help wanted

Description

I think it would be good to provide a hint for users that they can hit tab to search a specific doc — maybe there should be an indicator like Chrome has?

Originally posted by @j-f1 in https://github.com/freeCodeCamp/devdocs/issues/1516#issuecomment-813531843

Contributor guide

Tech stack
javascripthtmlcss
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.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic HTML and CSSFamiliarity with the search interface
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Look at the search bar implementation in the DevDocs frontend, likely in files like 'app/assets/javascripts/app.js' or the main stylesheet. The goal is to add a visual hint (e.g., 'Press Tab to search') similar to Chrome's address bar. Review the original suggestion in issue #1516 comment for context. No major refactoring required.