A modern, minimal, and responsive website to view Daffodil International University (DIU) transport schedules. Optimized for SEO and sharing.
🔗 Live Site: https://diushuttle.vercel.app/
- Live Excel Parsing: Reads directly from the official schedule Excel (.xlsx) files.
- Search & Filter: Search by route name, number, or timing. Filter by specific routes.
- Smart Toggles: "Friday schedules only" toggle for quick weekend planning.
- SEO Optimized: Enhanced with meta tags, Open Graph (OG) cards for social sharing, and JSON-LD structured data.
- Multiple Schedules: Switch between Regular, Mid-Term, Final Exam, and Ramadan schedules.
- Responsive Design: Clean interface that works perfectly on mobile and desktop.
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Library: SheetJS (XLSX) for parsing Excel files in the browser
- SEO: JSON-LD Structured Data, Open Graph, Twitter Cards, Sitemap
- Hosting: Vercel / GitHub Pages
diu-transport-schedule/
│── index.html # Main application with SEO tags
│── styles.css # Styling and variables
│── scripts.js # Logic for parsing Excel and UI interactions
│── sitemap.xml # Sitemap for search engines
│── robots.txt # Crawler instructions
│── diu.png # Logo asset
│── Transport Schedule *.xlsx # Schedule data files
└── README.md # Project documentation
The project includes:
- Meta Tags: Title, Description, Keywords, Author, Canonical URL.
- Social Sharing: Open Graph (Facebook/LinkedIn) and Twitter Card support with rich previews.
- Structured Data:
WebApplicationSchema.org JSON-LD for rich search results.
This project is open source and available under the MIT License. Made by Slightsmile.