globalizejs/globalize

Interactive demo

Open

#420 opened on Mar 16, 2015

View on GitHub
 (5 comments) (0 reactions) (0 assignees)JavaScript (4,759 stars) (645 forks)batch import
docshelp wanted

Description

Here's an idea I had while reviewing #416: It could be pretty useful to provide interactive demos for each of the methods in Globalize. Have a text input field for the value to format or parse or validate, a select or similar for the Globalize method, and another one for the locale. Then the user can pick, for example, dateFormatter, provide a date (using a datepicker?) and pick a locale to have that date formatted in the given locale. In this case it should use a default pattern, but also allow the user to pick something else.

Could provide this as a demo in this repo for a start, then later host it on globalizejs.com. Might fit into GSoC proposals.

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontenddocumentation
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.
1-2 days
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.
mostly clear
Prerequisites
JavaScript basicsHTML/CSSGlobalize API understanding
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Review the referenced issue #416 for context on existing demos. Explore the Globalize repository's demo folder and identify a suitable integration pattern. Consider using a simple HTML page with inline scripts to create interactive demos for various Globalize methods like dateFormatter, numberFormatter, etc. This may involve using a datepicker library for date inputs.