DEV Community: Kunal Kumar

Kunal Kumar

Kunal Kumar — Wed, 12 Feb 2025 06:48:17 +0000

🚀 Study MBBS Abroad - A Responsive Landing Page with Tailwind CSS & JavaScript

Kunal Kumar ・ Feb 12 '25

🚀 Study MBBS Abroad - A Responsive Landing Page with Tailwind CSS & JavaScript

Kunal Kumar — Wed, 12 Feb 2025 06:47:31 +0000

💡 Introduction

I recently built a fully responsive landing page for Study MBBS Abroad that helps students explore medical universities and apply seamlessly. This project was designed to be SEO-friendly, fast, and optimized for lead generation.

🔗 Live Demo: https://study-mbbs-abroad-azure.vercel.app/
💂 GitHub Repo: https://github.com/Kunalkumarxyz/study-mbbs-abroad

📌 Features of This Project

✅ Responsive UI - Works seamlessly on all devices.
✅ Tailwind CSS - Used for faster and efficient styling.
✅ JavaScript Form Validation - Ensures correct user inputs.
✅ SEO Optimization - Fast loading & search engine-friendly.
✅ Vercel Deployment - Live hosting for easy access.

🛠 Technologies Used

HTML
Tailwind CSS
JavaScript
GitHub & Vercel

🎯 How It Works?

Users can explore MBBS opportunities abroad.
The "Apply Now" form allows users to submit their details.
Integrated Google Analytics & Facebook Pixel for tracking.

🖼 Project Screenshot

(https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ex0qbkmlfysjzd98lkuy.png)

(https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fgk2nvrir7rg24rakjgh.png)

(https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxhgkrpb7520v2cos78w.png)

🚀 Final Thoughts
This project was a great learning experience in frontend development, SEO, and UI/UX design. I’d love to hear your feedback! If you’re interested, feel free to check out the code and contribute!

💬 What do you think of this project? Let’s discuss in the comments! 👇

How I Built a Fun & Interactive Quiz App Using React

Kunal Kumar — Mon, 03 Feb 2025 17:25:25 +0000

Hey everyone!

A few days ago, I worked on a fun project—a web-based quiz app built with React. The idea was simple: fetch quiz questions from an API, let users answer them, track their scores, and make the whole experience engaging.

But trust me, turning that simple idea into reality had its own challenges! So, in this blog, I’ll walk you through my process, the problems I faced, and what I learned along the way.

Tech Stack & Tools

Here’s what I used to build the app:
✔ React – For building the UI
✔ Fetch API – To get quiz questions dynamically
✔ CSS & Material-UI – For styling and a clean UI
✔ useState & useEffect – To manage state and handle API calls

Adding a Fun Factor – Gamification!

I didn’t want this to be just another quiz app, so I added:
🔥 A Timer – To keep users on their toes
🎯 Instant Feedback – Right/wrong answers get highlighted
🏆 Leaderboard (Future Update?) – To add a competitive edge

Challenges & How I Solved Them

🚧 API was slow sometimes → Added a loading screen
🚧 State management was tricky → Used useState and useEffect smartly
🚧 UI looked too basic → Used Material-UI for better styling

Final Thoughts

Honestly, this project was a great learning experience! I got hands-on experience with:
✅ API integration
✅ React state management
✅ Making a UI more engaging

I’m thinking of adding more gamification features like streaks and badges next. What do you think? Let me know in the comments! 🚀

🔗 GitHub Repo: https://github.com/Kunalkumarxyz/quiz-app-react
🔗 Live Link: https://quiz-app-react-khaki-ten.vercel.app/

Let’s connect! I’d love to hear your feedback. 😊