My First Log: Building a Job Card UI with MERN

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!