🚀 Road to React Routing

A professional, multi-page React application built with Vite that demonstrates the power of React Router DOM. This project covers everything from basic navigation to advanced data fetching using loaders.

---

✨ Features

• Multi-Page Navigation: Seamless transitions between Home, About, Contact, and GitHub pages.
• Dynamic Routing: Personalized user pages using URL parameters (e.g., /user/:id).
• Optimized Data Fetching: Utilizes React Router Loaders to fetch GitHub profile data before the component renders.
• Nested Layouts: Clean architecture using <Outlet /> for consistent Header and Footer across all pages.
• Responsive UI: Styled with Tailwind CSS for a modern, mobile-friendly look.

---

🛠️ Tech Stack

• Frontend: React.js (Vite)
• Routing: React Router DOM (v6+)
• Styling: Tailwind CSS
• API: GitHub REST API

---

🧠 Key Learnings

• Understanding the difference between useEffect and Loaders for data fetching.
• Managing Dynamic Routes and capturing parameters using useParams.
• Creating a Clean UI with reusable Layout components.