frintjs/frint

Site: packages page

Open

#172 opened on Apr 27, 2017

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (746 stars) (37 forks)batch import
good first issuehelp wantedsite

Description

Implement a /packages page in the site, that lists all npm packages with the keyword frint.

Inspiration can be taken from: http://gulpjs.com/plugins/

NPM search can be made against https://npmsearch.com/

Docs for REST API usage: https://github.com/nodesource/npmsearch#api

Contributor guide

Tech stack
javascript
Domain
full stack
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
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.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic JavaScriptHTML/CSSREST API concepts
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
First, examine the existing site structure in the frintjs repository to understand how pages are organized and rendered (likely using the Frint framework). Then, study the npmsearch API documentation at https://github.com/nodesource/npmsearch#api to build a query for packages with keyword 'frint'. For UI inspiration, review the Gulp plugins page (http://gulpjs.com/plugins/). Implement a /packages route that fetches data from npmsearch and displays a list of packages with relevant details. Ensure the solution is integrated into the existing site navigation.