The official institutional website for Nahjurrashad Islamic College, built to provide a modern digital presence for students, faculty, and the community.
This is a Single Page Application (SPA) designed to showcase the college's academic programs, faculty details, gallery, and admission information. It focuses on performance, accessibility, and a smooth user experience using modern web technologies.
- Core: React (via Vite for fast build times)
- Styling: Tailwind CSS (Utility-first CSS framework)
- Animations: Framer Motion (Smooth transitions and entry effects)
- Routing: React Router DOM
- Deployment: Vercel
- Responsive Design: Fully optimized for mobile, tablet, and desktop views.
- Dynamic Content: Includes an 'Announcements Ticker' and 'Verse of the Day' feature.
- Interactive UI: Custom sliders for Trust Members and Faculty using Framer Motion.
- Optimized Assets: Modern image formats (WebP/AVIF) for faster loading.
- SEO Friendly: Includes basic SEO setup and sitemap generation.
We follow a modular directory structure to keep things organized:
src/
βββ components/ # Reusable UI components (Navbar, Footer, Loaders)
βββ data/ # Static data files (Faculty lists, Gallery JSON, Verses)
βββ hooks/ # Custom React hooks (e.g., useVerseOfTheDay)
βββ pages/ # Individual page views (Home, About, Academics)
βββ sections/ # Page-specific sections (Hero, StatsBar, ContactCTA)
βββ assets/ # Source assets