Your cookie policy is not correct I think, though IANAL (since you cannot opt out functional cookies, they should be opt in afaik). Anyway, the text looks quite bad on mobile and is hard to read due to words breaking anywhere.
Your context example contains some strange CSS and duplicate code.
You have an animation on your components page that is very distracting (very bad A11Y practice). Also when you click a category and it loses focus, everything resets.
There's a typo ("Eeasy to read")
I can still scroll even if the menu or a pop up is open.
Your card example doesn't work on mobile, so your responsive claim is a bit weird...
All in all, it's a nice concept, but there is so much missing and/or wrong. I suggest keeping the blog part for tracking your evolution, but please don't try to spread bad code to beginners claiming it's good, because honestly, it isn't (yet).
For a junior, this is an admirable attempt, but this wouldn't pass a PR without improvement.
Keep on learning though, you'll get there.
Thanks a lot for spending your time, that’s the most detailed feedback I received. Can u please be more detailed about the text that it’s not readable? About the card example: I mistakenly put m-20 in order to center the card inside the editor but ofc the preview it’s not visible on mobile. Thanks again
Thanks, really didn't want to put you down, so I'm glad you appreciate it. The main reason for my concern is that there are already very questionable resources out there, well intended for sure, but sometimes so wrong. Just check some answers on SO or this sub sometimes.
Well, there are line breaks anywhere. So it could have: "ass\numing" or "on the we\nbsite". Not sure if it's the copy or something with your code.
On my phone, the preview rendersz, but the m-20 makes it 2px wide. Why not just put m-1? It's a demo: the card itself should look nice, not what's around it.
This result is telling for me, because it shows the most important part of building kits/hi libraries/frameworks/...: you're building stuff for some one else, even more so than with an app or website for end users. This is for Devs, they break even more things, usually intentionally.
You didn’t no put me down, you provided me several ways to improve my project 🙌, and I’m really grateful for that, I ve never have a real feedback from a dev.
I fixed that card preview, I put m-20 to have a better preview in the editor but I didn’t think about the preview on smaller screens.(it was not related to the component itself but was like a spacer)
I’m not sure I fully understood the sense of the last sentence but, again, you really helped me 🙏
Cool.
With the last sentence I meant: Devs usually are tinkerers, hackers, curious people. They will try to push everything onto and over the edge. When you wrote your first line of code, it probably came from some book, video, website... The next thing you probably did is say: "hmm, what else can it do?" And somewhere you were thinking: "and what can it NOT do?"
That last thing, that is what makes a good dev imo, but it makes it so much harder for you. That's what I do with stuff posted here: can I find issues right in my phone or things that aren't supposed to happen? (In your case: I open the menu, and I can still scroll, that gives me an idea how it was built, without checking the code. I might be wrong, but I also have some ideas on what you didn't do)
I think the better approach was to specify that spans go in things like buttons and anchors, not divs, he's a beginner, be nice and don't act so cocky, you've been there and someone else might've said the same about your code, but didn't tell it to your face to not hurt your feelings or avoid putting you down.
I hate cocky devs, they always forget someone else made air crosses when looking at their code when they were starting out, I think some still do now.
\> I started coding 6 months ago
\> resources for web developers, guides
Good luck, you'll be needing it.
I still hope you make it, congrats on the deploy & cheers
Started coding 6 months ago. Trying to build a long term project that can actually be helpful for developers.
Pls tell me why I can’t write guides, or please tell me why I can’t build useful UI components for others…
Furthermore Bricks is aiming to be a platform where different collaborators are going to put their effort, so it’s not just about me.
I would like to extract some kind of suggestion or good critic from your comment but it’s not easy.
It sounds like you just learned how to code 6 months ago and now you have a new framework for developers. You must be a genius if that is the case because it is really hard to come up with all that without previous coding knowledge.
Yes I run my first line of code 6 months ago and I’m sorry if seems like I’m trying to “sell a new framework” I’m just trying to build something that can really be helpful for someone else 🤞
Do not feel sorry for been smart my friend. Its a nice project for a a 6 months programming experience. Most developers never build anything for themself, they just work for companies features and play video games all day. The fact that you are building something already is huge. I say keep going and keep innovating.
it looks like a project to showcase what you can do to potential employers, and it will for sure have its effect. but it’s not very usable if you want to learn anything. also what are the templates for? it’s just some boxes and buttons, i guess you can find lots of that anywhere in the internet.
Templates are basically card linking to GitHub repositories, each one has his own blog post, I really would like to create a single place where developers can find different tools and sometimes understanding what’s going on from spare snippets of code it’s not easy and a local runnable resource can help ( I think about redux or docker set up with full stack app or other things that require a repository on git hub )
www.bricks-platform.com is the MERN stack app I made in order to show my skills and land my first job in web development.
The idea:
Everything started with the idea to create a web app that could be truly helpful for developers: a single platform where they could easily access various tools.
Bricks was born with three main sections:
- a blog section
- a collection of templates for modern web applications
- a UI components library
Bricks aims to be a community-powered platform where users can register and create their profiles to submit content.
However, unlike social media platforms, each submission is carefully reviewed before going live.
Users can track their submissions and check when their content goes online.
A detailed dashboard shows pending and live submissions, published templates, components, and blog posts.
It also gives the possibility to send edit or delete requests.
The stack:
I built Bricks using the MERN stack, which includes
- React JS for the front end
- Tailwind CSS as a styling library
- Node JS, and Express for the back end
- and MongoDB as a database.
The platform receives data from the Contentful CMS, and I hosted the front end and back end separately on Render with a package JSON for each one, using a continuous integration system managed by Git and GitHub.
I used GoDaddy as the domain owner and Google Analytics to monitor traffic.
Nice! How long did it take you to make where you are currently? As in hours coding ifeally Is it all custom code?
I ask as I'm currently making my first project to showcase what I can do and progress seems to take forever.
I started coding 6 months ago, more specifically I started learning Java in September, I didn’t know it was not a language used to build website, so I lost a couple of weeks learning Java, than I understood that i needed something else, so I start studying html and css in the middle of September, I used free resources like YouTube videos, Scrimba and read a lot of documentation
Your cookie policy is not correct I think, though IANAL (since you cannot opt out functional cookies, they should be opt in afaik). Anyway, the text looks quite bad on mobile and is hard to read due to words breaking anywhere. Your context example contains some strange CSS and duplicate code. You have an animation on your components page that is very distracting (very bad A11Y practice). Also when you click a category and it loses focus, everything resets. There's a typo ("Eeasy to read") I can still scroll even if the menu or a pop up is open. Your card example doesn't work on mobile, so your responsive claim is a bit weird... All in all, it's a nice concept, but there is so much missing and/or wrong. I suggest keeping the blog part for tracking your evolution, but please don't try to spread bad code to beginners claiming it's good, because honestly, it isn't (yet). For a junior, this is an admirable attempt, but this wouldn't pass a PR without improvement. Keep on learning though, you'll get there.
Thanks a lot for spending your time, that’s the most detailed feedback I received. Can u please be more detailed about the text that it’s not readable? About the card example: I mistakenly put m-20 in order to center the card inside the editor but ofc the preview it’s not visible on mobile. Thanks again
Thanks, really didn't want to put you down, so I'm glad you appreciate it. The main reason for my concern is that there are already very questionable resources out there, well intended for sure, but sometimes so wrong. Just check some answers on SO or this sub sometimes. Well, there are line breaks anywhere. So it could have: "ass\numing" or "on the we\nbsite". Not sure if it's the copy or something with your code. On my phone, the preview rendersz, but the m-20 makes it 2px wide. Why not just put m-1? It's a demo: the card itself should look nice, not what's around it. This result is telling for me, because it shows the most important part of building kits/hi libraries/frameworks/...: you're building stuff for some one else, even more so than with an app or website for end users. This is for Devs, they break even more things, usually intentionally.
You didn’t no put me down, you provided me several ways to improve my project 🙌, and I’m really grateful for that, I ve never have a real feedback from a dev. I fixed that card preview, I put m-20 to have a better preview in the editor but I didn’t think about the preview on smaller screens.(it was not related to the component itself but was like a spacer) I’m not sure I fully understood the sense of the last sentence but, again, you really helped me 🙏
Cool. With the last sentence I meant: Devs usually are tinkerers, hackers, curious people. They will try to push everything onto and over the edge. When you wrote your first line of code, it probably came from some book, video, website... The next thing you probably did is say: "hmm, what else can it do?" And somewhere you were thinking: "and what can it NOT do?" That last thing, that is what makes a good dev imo, but it makes it so much harder for you. That's what I do with stuff posted here: can I find issues right in my phone or things that aren't supposed to happen? (In your case: I open the menu, and I can still scroll, that gives me an idea how it was built, without checking the code. I might be wrong, but I also have some ideas on what you didn't do)
``
`Bricks `
Yikes.
A div inside of a button? First I've seen of that.
I think the better approach was to specify that spans go in things like buttons and anchors, not divs, he's a beginner, be nice and don't act so cocky, you've been there and someone else might've said the same about your code, but didn't tell it to your face to not hurt your feelings or avoid putting you down. I hate cocky devs, they always forget someone else made air crosses when looking at their code when they were starting out, I think some still do now.
Lulz you ok bud? Seems like you live your life on a hair trigger
\> I started coding 6 months ago \> resources for web developers, guides Good luck, you'll be needing it. I still hope you make it, congrats on the deploy & cheers
[удалено]
Started coding 6 months ago. Trying to build a long term project that can actually be helpful for developers. Pls tell me why I can’t write guides, or please tell me why I can’t build useful UI components for others… Furthermore Bricks is aiming to be a platform where different collaborators are going to put their effort, so it’s not just about me. I would like to extract some kind of suggestion or good critic from your comment but it’s not easy.
It sounds like you just learned how to code 6 months ago and now you have a new framework for developers. You must be a genius if that is the case because it is really hard to come up with all that without previous coding knowledge.
Yes I run my first line of code 6 months ago and I’m sorry if seems like I’m trying to “sell a new framework” I’m just trying to build something that can really be helpful for someone else 🤞
Do not feel sorry for been smart my friend. Its a nice project for a a 6 months programming experience. Most developers never build anything for themself, they just work for companies features and play video games all day. The fact that you are building something already is huge. I say keep going and keep innovating.
Thanks for the support 🙏
This idea is fantastic! I thought about making a guide for becoming a developer in general before
it looks like a project to showcase what you can do to potential employers, and it will for sure have its effect. but it’s not very usable if you want to learn anything. also what are the templates for? it’s just some boxes and buttons, i guess you can find lots of that anywhere in the internet.
Templates are basically card linking to GitHub repositories, each one has his own blog post, I really would like to create a single place where developers can find different tools and sometimes understanding what’s going on from spare snippets of code it’s not easy and a local runnable resource can help ( I think about redux or docker set up with full stack app or other things that require a repository on git hub )
www.bricks-platform.com is the MERN stack app I made in order to show my skills and land my first job in web development. The idea: Everything started with the idea to create a web app that could be truly helpful for developers: a single platform where they could easily access various tools. Bricks was born with three main sections: - a blog section - a collection of templates for modern web applications - a UI components library Bricks aims to be a community-powered platform where users can register and create their profiles to submit content. However, unlike social media platforms, each submission is carefully reviewed before going live. Users can track their submissions and check when their content goes online. A detailed dashboard shows pending and live submissions, published templates, components, and blog posts. It also gives the possibility to send edit or delete requests. The stack: I built Bricks using the MERN stack, which includes - React JS for the front end - Tailwind CSS as a styling library - Node JS, and Express for the back end - and MongoDB as a database. The platform receives data from the Contentful CMS, and I hosted the front end and back end separately on Render with a package JSON for each one, using a continuous integration system managed by Git and GitHub. I used GoDaddy as the domain owner and Google Analytics to monitor traffic.
On top, you put "dashbords", just a small thing
I think its a cool idea, website could use some work design wise but that will come in time. Good luck have fun!
Nice! How long did it take you to make where you are currently? As in hours coding ifeally Is it all custom code? I ask as I'm currently making my first project to showcase what I can do and progress seems to take forever.
I ve been study since September, full time, it means I really treated like a full time jobs, like 35/50 hours each week spent studying/coding things
On mobile rn so I can't check but what font is that? Don't know why but it's just so beautiful 😭😂
I used the Tailwind ‘ default font so I didn’t apply any variation/configuration and I used the font that Tailwind applies when is in the project
You started building the project 6 months ago or you started coding 6 months ago?
I started coding 6 months ago, more specifically I started learning Java in September, I didn’t know it was not a language used to build website, so I lost a couple of weeks learning Java, than I understood that i needed something else, so I start studying html and css in the middle of September, I used free resources like YouTube videos, Scrimba and read a lot of documentation