ukraine-relief-efforts / ukraine-info-guide Goto Github PK

"Right now, the only working scrapers are poland-ua, moldova-ro, romania-ro, and hungary-hu
once scraper translation gets up and running, we can enable all the combinations of country/language"

An entry form to input PII data for automated document creation

To reduce complexity, I suggested previously in discord that we should avoid a backend component (for now), and instead rely as much as possible on github infrastructure to get the project going.

As such, I was thinking that for the information (border crossings/reception points) that we are looking at, we could scrape them on a 15 minute interval and push them as git commits to a git repository that the frontend would then pull from.

• Bring up discussion in Discord about which charity to support
• Once charity has been decided, add Donate button on website (ensure multi-language support) and link to charity

Internationalization (i18n library)

This is because it tries to create a MapMarker with the coordinates [NaN, NaN].

This should be properly gated so we don't attempt to render the map if the request fails or is empty.

major note: must ask for user permission

implementing react-helmet-async for easy meta tags management

A web scraper is created to extract information from the Polish government website. Web scraper extracts information from the site and presents in JSON to website front end.

State management

Probably use next-sitemap

1. Include the blurb from the .
2. Move the Twitter feed from the landing page to the about page.
3. Enable the about page in configs/features.js

Link: https://apps.apple.com/us/app/army-combat-lifesaver-cls/id1141687949

Page for places with shelter and food. Will be manually put together for now.

Routing

We've integrated redux toolkit https://redux-toolkit.js.org/usage/usage-guide. we'll need to create the slice(s) and integrate them into the components.

This is a basic resource list of all online resources.

Will build it in JSON so that it can be imported into any website type and modified later on easily.

• Fix any broken links that need to be on the website for minimum functionality (providing border crossing information)
• Remove any broken links / links to not fully-functional features that are unneeded for minimum functionality

On the border-information page, there are some titles, which aren't translating, even if we have selected other language.
Attached the screenshot with this:

https://www.ukrainenow.org/ has a button to donate cryptocurrency to help Ukraine.

https://www.defendukraine.org/donate also has crypto addresses for donating directly to the Ukrainian government.

We should add some ability to the site to make a direct crypto donation.

This is a low priority issue for after the MVP is released.

simple nav -> hamburger menu, keep it simple

I added sentry: #142
Whoever is able to set the process.env variables on the dev environment can either register on sentry or bug me for a valid SENTRY_DSN

Once the nextjs migration is complete, we can switch from react to preact to get the bundle size even lower. This shouldn't require changing any code, just configs.

After the nextjs migration, the custom font isn't working properly.

Maybe we can make use of NextJS Font Optimization?

Right now, there are too many items in the navbar and it often gets split into 2 lines.

One solution would be to mark the less important items as "mobile only" and only show them in the drawer, not in the top menu. If we choose the option, we will need to enable to mobile menu on desktop as well to give access to all the options.

NOTE: We need to test this with all languages as the text is significantly long in some than in others.

Content TBD

• When web URL is posted in Discord or Twitter or other social media platform, the embed shown should reflect some informative text about what the website is

EX before:

after should have proper title (ex. "LEAVING UKRAINE INFORMATION") and description (ex. "See information collected from governments and other sources on how to leave Ukraine and where to go, among other information."). If possible, integrate the Ukraine image used in the Discord icon, or the Ukraine flag, into the embed.

For stage 1, we should add links to each of the Telegram alert bots in different languages.

How do you think about idea to setup the linters like prettier, husky etc.?
It will add an ability to follow correct code-styling, without any non-style things.

When someone will forward a page, the recipient will always land on the landing page.
But if I want to forward someone to the current "Hungary" selection, this is not possible.

Example:
/border-information/poland

"Found a bug in GUI: dropdown menu responsible for switching languages, which resides inside of a side panel, creates a vertical scrollbar when activated."

"And that scrollbar is placed outside of the dropdown menu, not inside."

We currently use react-select for the LanguagePicker (and nothing else).

It's a great library, but it takes up about 60kb in our js bundle (thanks to its dependency on memoize-one and some @emotion libraries), which is way more than we can justify for a dropdown menu that's only used in one place.

The goal of this ticket is to remove react-select and to either replace it with a smaller library, or to simply implement a nice dropdown ourselves to use here.

It doesn't need the complex text search functionality that react-select has, but it should look like a clean, coherent part of the page.

Routing