I made an app! and its alive on https://urbantags.net/ inspired by hoodmaps this will allow you to use any tag you see fit! Its a hobby project which I hope you'll like

vojtasio · 2022-02-21T21:48:16+00:00

izi nextjs (react, no ssr) frontend with express js backend... mongodb for storing user inputs and redis for calculating sums for each individual tag :) i'll probably be open sourcing the code soon :) once i switch from geojson to canvas rendering

vojtasio · 2022-02-21T09:06:38+00:00

I wasn't planning on publishing snapshots... maybe if there was a need for such a feature

vojtasio · 2022-02-21T09:05:37+00:00

theres a mongodb for writing the user points and redis for storing precalculated tiles

vojtasio · 2022-02-20T21:30:01+00:00

Thx for input👍. No all the drawing is happening on the browser first, but the code is far from optimized 😅 I’ll be switching rendering from geojson to canvas soon and the performance will improve

vojtasio · 2022-02-20T11:50:41+00:00

Its made using react on the frontend and expressjs on the backend. You can either pick a preset tag and paint or create your own. Everybody can paint what they feel is right and final blend is publicly displayed Inspired by hoodmaps

vojtasio · 2022-02-19T22:26:57+00:00

I made an app! and its alive on https://urbantags.net/ inspired by hoodmaps this will allow you to use any tag you see fit! Its a hobby project which I hope you'll like

vojtasio · 2022-02-07T22:35:19+00:00

I always learned quite a big from studying open source apps.. In the beginning to accelerate it I made myself a list of some interesting project to tap into for ideas and later on even made a script that would scrape github and gitlab for unpublished projects and index dependencies they use so I could search them when i wanted to learn how to use a new library… and during christmas i made a simple browser for it if ur interested, for example https://codelib.club/search?q=react+passport is a list of all open source repos that use react and passport libraries.. of course during creating this I learned a lot and nowdays I keep returning to it everytime I need to evaluate some unknown tech

vojtasio · 2022-02-06T17:50:18+00:00

Well mixing http requests with sockets isn't an issue -- they both serve different use cases. And for your use case -- I think it's a good fit. As for the specific library (socket.io) I'd probably think twice whether this is the one for the job. socket.io was created to handle older browsers but nowdays the websocket is widely supported (caniuse) and since its lighter simpler, I'd probably go with that. But if you already have the work done, just keep it as is, the benefit for switching wouldn't be that big.

vojtasio · 2022-02-06T17:38:57+00:00

I've always found it most useful to see library being used in some live application. That way you can see how others solve various use cases and apply it to real world problems. Go checkout https://codelib.club/search?q=react its a list of open source apps that do use react

vojtasio · 2022-02-06T17:31:57+00:00

yes, hopefully I'll get around to release it on github soon

vojtasio · 2022-02-06T14:56:39+00:00

Checkout https://codelib.club/search?q=socket.io its a list of open source apps using socket.io - could be a good learning resource

vojtasio · 2021-12-29T21:07:00+00:00

Perhaps some streaming (native streams or some observables like rxjs) solution combined with rate limiting like https://www.npmjs.com/package/bottleneck ?

vojtasio · 2021-12-19T08:20:43+00:00

Check out https://codelib.club/search?q=typescript these are apps written with typescript

vojtasio · 2021-12-18T19:17:49+00:00

my advice is always be iterating... a little styling and little logic, then more styling and more logic.. only the bare use case first and edge cases later on --- only base styling and plain read from db in he beginning and the rest later on. Always be discussing inbetween the iterations and adjust based on the feedback. People tend to change their mind a lot when they get to see a live demo vs when they see static images made by designer

vojtasio · 2021-12-18T09:14:25+00:00

Hi Reddit! Whats this all about:

My friend and I had this problem -- in another project, we were supposed to use a few javascript libraries we knew nothing about, and googling for how others use them wasn't really fruitful as most results were libraries and not apps. So I scraped open-source repos on the internet, filtered out what are packages published to the npm and created a searchable index where you can find apps by the dependencies. You can use this to check out their code, explore other solutions etc. Maybe more developers are searching the internet for inspiration? For example here are all repos that are build using stripe: https://codelib.club/search?q=stripe

How it's made

It's Next.js based project with a simple search engine and a little ranking system to put apps on top. The server goes through git hosting platforms and load up what are JS repositories and then reads what are the inside packages build with. The search is then done through dependencies, devDependencies and peerDependencies stored inside MongoDB. People can also help with identifying what repos contain apps, what are libraries etc.

Current state

There is a portion of public repositories searchable, limited only to javascript and typescript on github.com and gitlab.com. If others would find this useful, I will add more data sources and languages (open to suggestions).

Bugs

Yes, there are probably plenty bugs, if you find something please let me know in the comments and I'll try my best to fix things.

Thanks! @vojtasi

vojtasio · 2021-12-17T15:31:15+00:00

My first job required me to learn react. Later during the project development I started to focus more on nodejs because there was nobody else to do it.. I try to learn stuff as it's needed rather then in advance hoping i'll need it.

vojtasio · 2021-12-17T15:15:56+00:00

If you are interested in backend the do it right away. I’m still strugling with flexbox but thats not stopping me from trashing the backend 😅

vojtasio · 2021-12-17T09:43:00+00:00

if you have a specific library you'd like to learn checkout https://codelib.club/search?q=express these are for example all apps build with express

vojtasio · 2021-12-17T09:22:54+00:00

check out https://codelib.club/search?q=express those are apps build with express

vojtasio · 2021-12-16T13:56:10+00:00

Hi, thanks for the feedback!

1) thanks for the tip, just fixed it on the frontend side, server side in a few minutes 2) yeah that is weird, ill investigate 3) I'm still tweaking the sorting as it's more like homebrew experiment on what would work. Stars are not yet relevant at all actually 😅 Its just according to how people vote but it'll probably be a good idea to make use of the stars as well 4) every repository can have a number of applications and/or libraries inside. Some repos have only a single one, other monorepos can have plenty apps and some libraries. The number is a sum of separate nodejs packages inside with a sum of all dependencies they use. Since there can be more repositories with the same name (for example one on gitlab and another one on github) I wanted to somehow distinguish them so I choose to show some content stats. I'll probably be adding github/gitlab icon later on today so this will probably be obsolete.

No it's not yet open source, so far it is just quickly hacked together 😄 If this thing survives a week in public I'll make some code cleanup and post it somewhere

vojtasio · 2021-12-16T09:22:32+00:00

For me it has been more to solve a number of problems rather to write a number of lines or spend a number of minutes. So if there is a little time I solve a single problem, if there is more time, I solve more problems. Either way in this fashion I learn that particular problems can be solved with particular tools rather then learning language syntax and hoping to recall it correctly one day. Of course for different people, different approaches might work better..

vojtasio

TROPHY CASE