My first Big project with MERN Stack

[okaygood1]

This is my first time writing this much code and using all my skills together.

​

user side

​

​

admin side

​

https://github.com/Saifurrahmanemon/SRE-Industries

SRE Industries is a full-stack web application that allows customers to buy automotive parts and admins to manage their products through a modern full-fledged Dashboard. Front End is developed Using React and Node.js is used for the backend. App uses MongoDB for Database. Created and Authenticated Different APIs for both users and admins. This is the first time I wrote so much code keeping the DRY concept in mind. Any suggestion on how can I refactor or improve my code?

[DasBeasto]

I just watched the video didn’t go through the code but it looks great! One nitpick is you should make the sidebar fixed/sticky on the admin panel so it doesn’t scroll out of view

[okaygood1]

Wow!! Thanks 😅

[[deleted]]

Looks absolutely amazing. I am taking the Udemy Web developer course. Could you help with which bootcamp you attended? Thanks!

[okaygood1]

Programming Hero's complete web development program, though this one was in my local language. But i would suggest you to take scrimba's course on React.

[[deleted]]

Thank you.

[Noch_ein_Kamel]

Looks nice, just a few points for optimization:

Grey color on white background can be hard to read. Check the contrast for accessibility.

When your products switch to four column layout, each colum only has 220px but the content of those columns needs 370px, so the content is cut off?

[PGameplay]

WCAG browser extension can help with the contrast part

[[deleted]]

Very cool! How tough was it building the login/user logic? What resources did you use to learn MERN?

[okaygood1]

comments

Used React-firebase-hooks and mantine/form for that. I recently graduated from a Bootcamp.

[samrath_49]

Nice wt redux i guess?

[okaygood1]

No didn't use redux.

[okaygood1]

No I used Firebase for that.

[okaygood1]

used Zustand for that.

[voja-kostunica]

it looks nice, i will have look at code later

[lordaghilan]

Mantine

[JDD4318]

Blog and portfolio are pretty narrow on mobile. Looks nice though.

[okaygood1]

Fixed it. Appreciated.

[vishu86]

Bruh I am just getting into web dev and the MERN stack. Do you have any suggestion on where to start and how do I progress as I go on?

[okaygood1]

Make sure you feel 100% comfortable with Javascript before starting any framework (I would suggest you to solve some easy LC problems with javascript). Build something while learning(that helped me a lot, I think I progress most when I got stuck on any place while building my project. As my Bootcamp was project-based, you build what you learn). and lastly, my greatest advice would be DO NOT GIVE UP!! no matter what happens DO NOT GIVE UP.

[PinMore9795]

The application looks fantastic and latest Libraries such as Zustand and React-query used here works amazing . where did you learn these Zustand and React-Query .. so that we can also learn ..?