romanisthere / measureland

An independent interactive encyclopedia of searching for accommodation. Community-driven and completely free (FOSS).

I'm an independent JavaScript Front-end developer 💻 working on improving the web 🌍. Feel free to contact me with any questions or ideas, I am friendly.

• 🎓 Bachelor's degree in Mathematics

• 🔭 7 years of experience in my area

• ⚡ Around 30 finished and actual projects. Intention to make the Internet better

• 💼 Check info about me here: https://romanisthere.dev/

• 🎉 Connect on LinkedIn

• 👯 Follow the project updates on Twitter and Telegram

• 📭 [email protected]

🕵 Glad to see you here :)

measureland's Issues

Improved stats and more badges

• Instead of gathering stats by ratings, gather it by bad (1-2), average (3) and good (4-5), if only 5s are there, for example show awesome instead of good and so on. On hover show detailed info: (example) 5 users marked water as good - on hover (4 users rated "5" and one "4")
• add more badges
• (to think) include POIs into the badges or wisdom's of the crowd decision

Info:
Stats gathering: https://github.com/RomanistHere/Measureland/blob/master/src/lib/components/Overlay/components/popups/NearbyPopup/generateSmartReport.js
Badges generation: https://github.com/RomanistHere/Measureland/blob/master/src/lib/components/Overlay/components/popups/NearbyPopup/generateBadges.js

External API

Possibility to get "Measureland rating" (something like "check nearby ratings") from API by coordinates. Maybe paid.

Profile page

What profile page should contain:

• reactions to comments: #13
• reactions to ratings
• change name/password
• charts with data across ratings
• badges: beta-tester, likes clean water and so on
• number of ratings left
• list of rated places
• replace email with login name

Translate comments into user language

Deepl

https://www.deepl.com/pro-api?cta=header-pro-api/

Login/Registration with social networks

I'm considering only Telegram right now (other things sucks in privacy).

https://core.telegram.org/widgets/login

Investigate:

• Content-Security-Policy issues with TG callback version
• Discord login button privacy

Rating heatmap

Requirements:

A mod, where user ratings are going to be displayed as heatmap, examples of what is it:

So basically, if user's rating is 5, it should be green gradient. 1 - red and so on (what are colors exactly).

How it'll look by just changing icons

Additional links (ru):

• https://habr.com/ru/company/2gis/blog/553490/
• https://habr.com/ru/post/335638/

Send forms with Ctrl + Enter

• Check if it's used on mac
• Add keyup listener on Textareas
• Add a hint (like with Esc and closing button), so use will know that it's working and how

Provide links to communities of immigrants.

To make life of people who fled from their countries without preparation (of who just didn't prepare) collect and display interactively (to think: how?) depending on country links to different community groups/chats in Telegram and other platforms.

20$. Light pollution API.

Requirements:

Convert existing map or dataset (Whole world, 2020 or later - 2021 pref.) to lat-lng based API with light pollution rating from 1 to 5.

Links

Map:

• https://www.lightpollutionmap.info/#zoom=4.00&lat=49.8497&lon=19.5568&layers=B0TFFFFFFFFFFFFFFFFFF - contact them about providing API

Images:

• https://djlorenz.github.io/astronomy/lp2006/ - can download map image and process

Other sites to get data:

• https://ngdc.noaa.gov/eog/download.html
• http://www.inquinamentoluminoso.it/dmsp/index.html
• http://www.cleardarksky.com/

Money

This task is for hire. If you want to complete it, write "I claim this task" in comments and write to "[email protected]" so we will discuss details privately.

Additional (separate) rating for cities

Complex task. First we need to figure out what criteria should be there, probably start with 3-4. Some examples:

• Culture level (is an umbrella term which encompasses the social behavior and norms found in human societies, as well as the knowledge, beliefs, arts, laws, customs, capabilities, and habits of the individuals in these groups - everything of it. Museums, behavior and so on)
• Gender equality (are there are problems or not)
• Cultural diversity (probably should use another term, how much different cultures, races. How easy to be a foreigner)
• Employment (how easy to find a job)
• Internet/phone quality/pricing

Most complex thing is to separate geo coords into cities and attach ratings to it.

Photos, 3D views, Street view

https://developers.google.com/maps/documentation/javascript/streetview - unluckily, there is not much of choice but Google, Yandex or something that big and privacy not oriented. Google actually is the only option if we want to have good coverage. We would probably be able to significantly reduce tracking, but still options are pricy, so...

Alternatives:

• https://en.wikipedia.org/wiki/List_of_street_view_services
• https://alternative.me/google-street-view
• https://alternativeto.net/software/google-street-view/

Google/Yandex docs:

• https://developers.google.com/streetview/?hl=en
• https://developers.google.com/maps/documentation/javascript/streetview
• https://yandex.ru/dev/maps/commercial/doc/concepts/about-enterprise.html

Improve accessibility

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
https://github.com/Leaflet/Leaflet.fullscreen

• assign correct aria roles
• change a tags to button where is appropriate
• add dialog descriptive aria stuff
• create a menu that is visible only when you use tab and focus so it'll be available with the first use
• in the menu there should be a toggle between opened instances: map, popup, navbar, sidebar

Broken repo link on Open Collective

At https://opencollective.com/measureland the link to this repo is invalid. Thought you should know.

Remove registration email from DB

For those who don't want to be identified even if we somehow leak the data from DB we can remove email from email field and change it to any string user wants.

However, we need either to keep all the emails (just as a list) in a separate DB, not connected to to users, so we prevent multiple registrations from the same email or make it cost something like 20$ - 50$ in crypto to completely wipe it out.

Dark mode

I guess we need it too.

Steps:

• Investigate best practices generally
• Investigate Svelte + Tailwind ready solutions
• Pick dark-theme colors
• Check map color schemes
• Implement it

Registration with phone number

• Check concerns about vs email
• Check are there free services to do it.

Translate comments to EN

DeepL

https://www.deepl.com/pro-api/
https://www.deepl.com/docs-api
https://www.deepl.com/privacy/

Needs to be done before west-world release

Add CSRF protection

https://stackoverflow.com/questions/20504846/why-is-it-common-to-put-csrf-prevention-tokens-in-cookies
https://cheatsheetseries.owasp.org/cheatsheets/Cross-Site_Request_Forgery_Prevention_Cheat_Sheet.html
https://github.com/pillarjs/understanding-csrf
https://www.npmjs.com/package/csrf

• with new session generate random token (for example: csrf-token) [back-end]
• put it into cookie [back-end]
• when POST request sent from front-end, read the value from cookie and put it into x-csrf-token header [front-end]
• when POST request accepted, compare values in cookie and header [back-end]

It's a severe flow in security, however right now there is no reason for someone to try to exploit it. Worst it can do is to delete some ratings, which are backed up every day.

Use Leaflet-Geoman instead of Leaflet-Draw

There is are more modern Draw-Tool Leaflet-Geoman maybe you want to implement it. But is your decision, I only want to get you the information 😄

Reply to comments

Definitely need this feature.

Steps:

• Investigate how it's usually done in MongoDB
• Check for ready-made solutions
• Implement it

Additional things to consider:

• should we notify user about replying to his comment? (links with #14)

Redesign the map

Mapbox + OSM?

https://www.mapbox.com/
https://studio.mapbox.com/styles/
https://blog.mapbox.com/5-ways-to-impress-your-friends-with-new-mapbox-studio-ea4b96e07092

Steps:

• Investigate how pricing applied (suitable for us or no)
• Check ready projects and feedback
• Check documentation (how hard to migrate from Leaflet - shouldn't be very hard)
• Check reverse geocoding (how hard to migrate from ESRI)
• Design map in studio
• Migrate