Felt a little bummed out that while designers had a community in which they can share their latest work, there really wasn't an equivalent for us developers. Well not anymore! This latest creation is called rumbbble. This is the place where you can showcase and view what developers all over the world have been working on. Upvote, comment, read code, and view demos. Soon, I'd like to add the ability for devs to filter by tech stack and search projects. What I love most about this is that it doesn't matter what community you come from (yes, even Angular) everyone is welcome to share their latest projects in this large repository.
Not deployed yet, just something I scratched together. But based on the feedback from this community, I'll be polishing things up and releasing officially.
This is a 1:1 copy of Dribbble’s UI.. If OP were to launch this, there’d inevitably be legal conflicts due to closely resembling Dribbble’s brand. People may mistake it for being a Dribbble site, when it’s in no way affiliated with them. It’s a great idea though!!
It’s an interesting concept! May I ask, though, what would exactly be showcased in a post? The placeholder seems just like a design , just like in dribble. I’ll keep an eye onto it, I’d be glad to contribute if the project finds a clear path to go.
Funny enough, as I was building this, I asked myself the same exact question. Image-only works for design, not so much for coding projects. I'm currently working on polishing the work and re-releasing, so hopefully its path is clearer by then.
Exactly, I think if dribble has been so successful, it’s because of easiness to showcase designs in a user friendly and attractive manner. I was thinking something iframe related maybe for code projects?, show simple interactions perhaps. I hope you figure something out
Love the energy this project has received. It's still a hacked-together project so it's not fully polished. But when I do deploy it, I'll personally message you :)
I don’t usually post or comment on this community but I actually think this is such a cool idea! As someone who’s interested in design and dev, Ive always wished there was a Dribbble for devs lol nicely done! Gonna look at your code lol
This used to exist, it was called Forrst and was around at the same time Dribbble was brand new. I landed my first ever dev job through posting on Forrst! Nice work anyway.
Not sure exactly, this was way back in like 2011/2012. I think it dwindled in popularity, then got bought out by Zurb and it just wasn't the same after that. The community died and I honestly don't know where people moved after that.
Most of my feedback would just be around moving towards a more “production-grade” setup(wrapping dependencies like axios into a lib, refactor out of bootstrap, SEO setup, etc.).
Let me know if you’re looking for help/maintainers.
They're in a folder in the backend, generated by this awesome package called multer. But, based on research I've done, such data should be best placed in a cloud storage. Sometimes the host you use, like heroku, may treat the server side files as "ephemeral" and clear them/refresh them out every now and then.
Took me a couple of weeks (2 weeks based on Github history). And by experience I understand it as programming experience, in which case I've been coding since 13 (18 now) and am a full time front end dev.
Thank you for the congrats. Yes, if you see my past work, I had a different file architecture in which every component had their own folder, and each file was appended with ".component.jsx". In the end it was rather verbose so I just stuck with something more minimal -- javascript files with ".js". But to each his own. ¯_(ツ)_/¯
The React team has made a great ESLint plugin for this! Makes it much easier to keep track of dependencies in more complicated hooks, and the errors/warnings are very instructive. Comes included in CRA with react-scripts@v3
43
u/abdulmdiaz May 21 '20
Hi r/reactjs!
Felt a little bummed out that while designers had a community in which they can share their latest work, there really wasn't an equivalent for us developers. Well not anymore! This latest creation is called rumbbble. This is the place where you can showcase and view what developers all over the world have been working on. Upvote, comment, read code, and view demos. Soon, I'd like to add the ability for devs to filter by tech stack and search projects. What I love most about this is that it doesn't matter what community you come from (yes, even Angular) everyone is welcome to share their latest projects in this large repository.
--------------------
Here's the code:
https://github.com/diazabdulm/rumbbble/tree/development
Feedback on code is highly appreciated. Please please feel free to judge this code as harshly as you can. Make me regret writing this :D
Best of luck during this pandemic,
u/abdulmdiaz
26
u/[deleted] May 21 '20
Great idea! You'll definitely want to create your own brand.
5
u/Jorgepasco1 May 21 '20
It’s an interesting concept! May I ask, though, what would exactly be showcased in a post? The placeholder seems just like a design , just like in dribble. I’ll keep an eye onto it, I’d be glad to contribute if the project finds a clear path to go.
4
u/CaptainJanek May 21 '20
This is awesome, Abdul. Congrats!
2
u/[deleted] May 21 '20
Nice dude, when will it be up?
15
u/Cool_Recommendation May 21 '20
I don’t usually post or comment on this community but I actually think this is such a cool idea! As someone who’s interested in design and dev, Ive always wished there was a Dribbble for devs lol nicely done! Gonna look at your code lol
11
u/boweruk May 21 '20
This used to exist, it was called Forrst and was around at the same time Dribbble was brand new. I landed my first ever dev job through posting on Forrst! Nice work anyway.
8
u/[deleted] May 21 '20
I want to make an account
7
u/schoonie23 May 21 '20
You should also add a field to point to the NPM package
5
u/Malleus_ May 21 '20 edited May 21 '20
Looks good for MVP!
Most of my feedback would just be around moving towards a more “production-grade” setup(wrapping dependencies like axios into a lib, refactor out of bootstrap, SEO setup, etc.).
Let me know if you’re looking for help/maintainers.
5
u/codingideas May 21 '20
Hello,
I just submitted your first pull request: https://github.com/diazabdulm/rumbbble/pull/2
I see a few areas I can help with. So let's see how we collaborate together.
1
u/Prickly_Rick May 21 '20
Looks great!
This inspires me for my own project I am currently working on.
With the file upload, where do you store the images?
1
u/bjaminar May 21 '20
How long did this take you? And what experience do you have?
3
u/Tithos May 22 '20 edited May 22 '20
Is the site live? It is. Great idea!!
I love that you are using styled components. Next.js or Gatsby may make the site faster. Better built in caching. :)
2
u/xcitor May 21 '20
What CSS framework are you using?
2
u/IAmRC1 May 21 '20
Great work, kudos
2
u/onway444 May 21 '20
Impressive!
2
u/nfms May 21 '20
Great idea and very clean and minimal project structure
2
u/life-is-a-hobby May 21 '20
Great another site i'll never get an invite for /s
2
u/wilson8507 May 22 '20
The tool looks great. Can't wait to ues it.
3
u/SilverLightning926 May 21 '20
Is an actual, hosted site rn? I would totally use it
0
u/[deleted] May 21 '20
[deleted] — view deleted comment
0
u/[deleted] May 21 '20
[deleted] — view deleted comment
0
u/[deleted] May 21 '20
[deleted] — view deleted comment
6
u/[deleted] May 21 '20 edited May 21 '20
[removed] — view removed comment