The Student Clubs App is a React-based Single Page Application (SPA) that serves as a directory of university student clubs. It allows students to explore different clubs, learn about their activities, and find opportunities to get involved in campus life.
Demo link -https://drive.google.com/file/d/17QROQUwjODC9amJcmxHgmJm4CazWchtj/view?usp=drive_link
✨ Key Features
🏠 Home Page – Welcoming introduction to the university’s student communities.
📖 About Page – Explains the purpose and vision of the Student Clubs Directory.
👥 Clubs Page – Displays a list of all clubs (fetched from a local JSON file).
🔍 Dynamic Club Details – Each club has its own page with detailed info (using React Router useParams).
📩 Contact Page – Controlled form with validation to let students reach out.
🚦 Custom 404 Page – Friendly error page for invalid routes.
⚡ Reusable Custom Hook – useFetch to manage asynchronous data loading, errors, and loading states.
🎨 Responsive UI – Clean and mobile-friendly layout using modern styling.
🛠️ Tech Stack
React (components, hooks, state management)
React Router (for static and dynamic routes)
JavaScript ES6+ (array methods, destructuring, template literals, etc.)
Local JSON Data (simulated async fetching with fetch and delay)
CSS (responsive design)