Submitted 12 months ago

Joblisting WebApp using Tailwind CSS and React JS

_nehal💎• 6,710

@NehalSahu8055

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Job listings with filtering

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

👋Hello, Frontend Mentor coding community.

👨🏼‍💻This is my first React JS solution for the Job Listing Web App

🛠️ Built with

🕸️Html 5, Tailwind CSS & React JS
📱 Mobile First Approach

🎨 Features

📄 Live Job Search with Filters
🤹 Modified UI Design
🫧 CSS Animations
💯 Responsive
🪄 Vite Bundling
🔁 Dark Mode
✨ Prettier Plugin

📜 What I learnt?

Components
Props
useState Hook
Map & Filter

✅ Update : ➜ Dark Mode Added as System Preference 🆕

I'll be happy to hear any feedback and advice!🤗

Community feedback

Ashok Kumar Dharanikota• 210

@Ashok-Kumar-dharanikota

Posted 12 months ago

WOW,

That's really great solution @nehal. I recently completed a challenge using react and routes. I deployed it to GitHub pages. But it is not showing anything. 😥🫤. can you help me to find out where it went wrong?

https://github.com/Ashok-Kumar-dharanikota/news-letter-page

I truly appreciate your help.

_nehal💎• 6,710

@NehalSahu8055

Posted 12 months ago

Hey @Ashok-Kumar-dharanikota

I would suggest you should deploy your project with netlify or vercel
I am using Netlify and it always works for me, I also have used github-pages but sometimes it is having some issue with source address and also on chrome your github deployed page may be marked as dangerous.

Hope it helps,

Ashok Kumar Dharanikota• 210

@Ashok-Kumar-dharanikota

Posted 12 months ago

Sure @NehalSahu8055,

I will try Netlify then.

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord