ukraine-relief-efforts / ukraine-info-guide Goto Github PK
View Code? Open in Web Editor NEWA website containing vital information for Ukrainian refugees
Home Page: https://uasafety.org
License: MIT License
A website containing vital information for Ukrainian refugees
Home Page: https://uasafety.org
License: MIT License
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.
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.
"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"
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.
Content TBD
An entry form to input PII data for automated document creation
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
"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."
Routing
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.
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.
Internationalization (i18n library)
State management
Page for places with shelter and food. Will be manually put together for now.
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.
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.
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.
Probably use next-sitemap
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
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.
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.
After the nextjs migration, the custom font isn't working properly.
Maybe we can make use of NextJS Font Optimization?
major note: must ask for user permission
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.
simple nav -> hamburger menu, keep it simple
Routing
implementing react-helmet-async for easy meta tags management
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.