OUTREACH COUNTER

https://gungunzp.github.io/counter1

Run app locally

1st option is to use LiveServer.

Run tests locally (playwright docs)

npx playwright test
npx playwright test --ui

Future features:

• posibility to share results (data, date, ...location) [WIP] -- select what to share (share mode: checkboxes near counters, share selected - btn) -- share in txt, ?pdf ...
• -ua- + internalization
• styling (colors fonts shadows gradients) [WIP]
• random quotes on app start ...
• authorization -> backend users
• CRUD for counters
• history (logging in realtime, e.g.: 1.1.2022 18:55 - listened +1)
• footer: copyright notice / contacts / links
• donation page :)

Dev Flow:

0. ...
1. add gulp -> scss
2. move to react...
3. mobile app (React Native)
4. -font awesome- +icomoon
5. unique id-s for counters instead of names

Ideas:

• on increase btn long tap
• possibility to add comment about the person (name and so on...)
• quotes functionality: -- save quotes (bookmark icon at the top right corner) -- quotes history w/ dates (if the user didn't have time to save it) -- custom quotes (quotes 'playlist' CRUD) [particular one every time, my all randomly, my & random, random, ...]

DONE:

• -store results in localStorage (reset btn + confirm window)-

fonts to try

https://fonts.google.com/specimen/Neucha?category=Handwriting https://fonts.google.com/specimen/Rancho?category=Handwriting https://fonts.google.com/specimen/Delius?category=Handwriting https://fonts.google.com/specimen/Patrick+Hand+SC?category=Handwriting https://fonts.google.com/specimen/Walter+Turncoat?category=Handwriting https://fonts.google.com/specimen/Delius+Swash+Caps?category=Handwriting https://fonts.google.com/specimen/Gamja+Flower?category=Handwriting

https://fonts.google.com/?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext

https://fonts.google.com/specimen/Alumni+Sans?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Source+Sans+3?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Scada?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Jura?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Alegreya+Sans+SC?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Ubuntu+Mono?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Fira+Sans+Extra+Condensed?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Cuprum?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Philosopher?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Ubuntu+Condensed?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Alegreya+Sans?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext https://fonts.google.com/specimen/Play?category=Sans+Serif,Display,Monospace&subset=cyrillic-ext