Hi everyone! I’m Divya.
I’ve recently been diving deep into the MERN stack, and honestly, it’s been a journey of highs and lows. I used to keep my projects hidden on my local computer, but I’ve decided to embrace the famous quote:
"A jack of all trades is a master of none, but oftentimes better than a master of one."
This blog is my way of stepping out of my comfort zone and documenting my growth.
**The Project: Job Card UI
Recently, I focused on the "Front-end" part of the MERN stack by building a Job Card UI. I wanted to create something that looked clean and was easy for a job seeker to navigate.
What I used:
- React.js for the component structure.
- CSS/Tailwind for the styling.
One Big Challenge I Faced :
While building the "Job Cards," I struggled with making them responsive. On smaller screens, the text was overlapping! How I fixed it: I realized I wasn't using flex-wrap correctly. Once I adjusted my CSS, the cards started stacking beautifully on mobile devices.
It was a small "aha!" moment that taught me a lot about layouts.
My Goal I’m not a master yet, but I’m building my skills every day. My plan is to: Complete the backend for this portal. Overcome my fear of sharing my work with the world .
What was the most challenging project you built when you started with React? I’d love to hear your stories in the comments!
SOCIAL SHARE CARD GENERATOR