4th-sem-timetable

KO | EN

gitlite — search

#javascript #ai #typescript #go #golang #android #machine-learning #nodejs #java #awesome #cli #kubernetes #pytorch #ios

4th-sem-timetable

(★ 1)

Interactive web application for managing and viewing the SRM University Delhi-NCR BCA 4B weekly timetable. Built with HTML, custom CSS design system, and vanilla JavaScript—optimized for all devices.

4th-sem-timetable 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# BCA 5B Timetable

**Interactive web application for managing and viewing the SRM University Delhi-NCR BCA 5B weekly timetable. Built with HTML, a custom glassmorphic CSS design system, and vanilla JavaScript — optimized for all devices.**

***

## 🔗 Demo

[Click here to visit](https://mahsanneyaz.github.io/4th-sem-timetable/)

***

## ✨ Features

- **Glassmorphic Design System**
    - Single dark theme: translucent frosted-glass panels over an animated aurora background
    - Color-coded periods — cyan for labs, gold for lunch, purple glow for the class in progress right now
- **Responsive Layout**
    - Desktop: full weekly grid (time × day)
    - Mobile: day-tabs with a scrollable list for that day, nav tucked behind a hamburger menu
    - Reduced-motion friendly for accessibility
- **Live Time Integration**
    - Real-time digital clock display
    - Highlights today and the current class period automatically
- **Interactive Timetable**
    - Click any subject cell for a detailed popup (subject/faculty/code/department/timing)
    - Accessible via keyboard and mouse
- **Data-Rich Directories**
    - Student directory for both Section A and B (registration numbers listed)
    - Faculty directory (names, departments, and all assigned subjects)
- **Syllabus Section**
    - Full unit-by-unit syllabus for Python Programming and Cloud Computing, opens full-screen
- **Academic Calendar View**
    - Color-coded markers for holidays, exams, and assignments
    - Month navigation with a filterable Important Dates list
- **Quick Links**
    - One-tap access to the Student, Faculty, Syllabus, and Important Dates panels, plus a direct ERP portal link
- **Usability/Technical Excellence**
    - No build step, no JS framework — a single HTML file
    - All timetable, syllabus, and student data lives in the file itself

***

## 🧭 Usage Instructions

- **Navigation**
    - Tap/click any timetable slot for detailed info
    - Use the header links (or the hamburger menu on mobile) to open the Student, Faculty, Syllabus, or Important Dates panels
    - The calendar icon opens the academic calendar with color-coded holiday/exam/assignment markers
    - Header shows section, room, and session at a glance
- **Accessibility**
    - All navigation and interactive elements are keyboard-friendly (visible focus states included)
    - Respects your OS's reduced-motion setting

***

## 🗓️ Weekly Timetable

***

## 📅 Academic Calendar (2026)

**Major University Holidays (Sample)**

- Jan 26: Republic Day
- Mar 03: Holi
- Mar 26: Ram Navami
- Apr 14: Dr. B.R. Ambedkar Jayanti / Vaisakhi
- May 27: Id-Ul-Zuha (Bakrid)
- Aug 28: Raksha Bandhan
- Sep 04: Janmashtami
- Oct 02: Mahatma Gandhi Jayanti
- Oct 20: Dussehra
- Nov 24: Guru Nanak Dev Jayanti
- Dec 25: Christmas

> Open the calendar icon in the app for the full interactive display, legend, and exam/assignment dates.

***

## 📚 Subjects & Faculty

| Subject | Code | Faculty | Department |
| :-- | :-- | :-- | :-- |
| Python Programming | 24BCA501 | Ms Arul Devrajan | CSE |
| Cloud Computing | 23BCA502 | Dr Priyanka | CSE |
| Analysis and Design of Algorithms | 23BCA503 | NF7 | CSE |
| Computer Architecture & Organization | 23BCA504 | Dr Indu | CSE |
| Software Project Management | 23BCA505 | Ms. Arundhati Kumari | CSE |
| Unix & Linux Programming | 23BCA506 | Ms Preeti | CSE |
| Aptitude and Reasoning | 23SS555 | NF1 | PD |
| Python Programming Lab | 24BCA507 | Ms Arul Devrajan | CSE |

> NF7 and NF1 are printed as the faculty names on the official timetable — not a placeholder I added.

***

## 📝 Syllabus

- Full unit-by-unit syllabus for **Python Programming** and **Cloud Computing** available in-app via the Syllabus link.
- Opens as a dedicated full-screen view rather than a small popup.

***

## 👥 Student Directory

- **Section A**: 75 students (Registration: 42224210001–42224210075)
- **Section B**: 79 students (Registration: 42224210076–42224210154)
- List view with name and registration number for each section, accessible from the "Students" link.

***

## 👨🏫 Faculty Directory

- List of all teaching staff, with department and assigned subjects, accessible from the "Faculty" link.

***

## 🛠️ Tech Stack

- HTML5
- Modern CSS (custom properties, grid/flex, backdrop-filter, media queries)
- Vanilla JavaScript (single file, no libraries required)
- Google Fonts (Inter) — the only external request the page makes; everything else is self-contained

***

## 👤 About Me

- Mohammad Ahsan Neyaz
- Registration: 42224210112
- BCA V Semester, Section B
- SRM University Delhi-NCR
> "Work smart. Stay consistent. Always keep growing."

***

## 🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Commit with descriptive messages
4. Open a pull request (UI screenshots encouraged)

**Starter suggestions:**

- Add new academic events or holidays
- Improve accessibility labels
- Enhance mobile usability or styles
- Propose new features (attendance, reminders, etc.)

***

*Made for all BCA 5B students at SRM University Delhi-NCR.
If this helped you, please share and star the repo!*

***

4th-sem-timetable

4th-sem-timetable 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

4th-sem-timetable

4th-sem-timetable 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README