UG Computer Science Portal

A comprehensive online learning and academic management portal for University of Ghana Computer Science students enrolled in the Distance Education programme.

📋 Table of Contents

• Features
• Screenshots
• Tech Stack
• Installation
• Usage
• Project Structure
• Data Management
• Contributing
• License
• Support

✨ Features

1. Exam Venue Checker 📍

• Search exam venues by Student ID and Course Code
• View detailed exam information (date, time, venue)
• Real-time exam status tracking (Yet to be taken, In Progress, Already taken)
• Responsive modal popups with student information

2. Study Materials 📚

• Organized by academic level (100, 200, 300, 400)
• Divided into semesters for easy navigation
• Direct links to Google Drive course materials
• Collapsible sections for better UX
• Course count display per semester

3. Course Schedule 🎓

• Level-based course organization
• Interactive course cards with online class links
• Google Meet integration for online classes
• Multi-semester support (2024/2025, 2025/2026)
• Beautiful class timetable display

4. Class Timetable 📅

• Weekly schedule with time slots
• Color-coded teaching periods:
  • Teaching Period (Green)
  • Mop-up Teaching Sessions (Yellow)
  • Revision Period (Blue)
  • Examination Period (Red)
• Academic year and semester information
• Responsive design for all devices

5. Exam Timetable 📋

• Provisional and Final examination timetables
• Course-wise exam details
• Formatted date and time displays
• Semester and year selectors

6. Navigation & UI 🖥️

• Clean, modern interface
• Top navigation bar with dropdowns
• Responsive hamburger menu for mobile
• Collapsible sections with expand/collapse all functionality
• Mobile-optimized course code display

📸 Screenshots

Desktop View

• Top Navigation Bar
• Collapsible Sections
• Course Schedule Cards
• Class Timetable

Mobile View

• Hamburger Navigation Menu
• Responsive Cards
• Optimized Tables
• Touch-friendly Buttons

🛠️ Tech Stack

• Frontend:

  • HTML5
  • CSS3 (Responsive Design)
  • Vanilla JavaScript (ES6+)
  • Google Fonts (Inter)

• No Backend Required:

  • Static data storage in JavaScript
  • Client-side rendering
  • LocalStorage ready for future enhancements

• Responsive Design:

  • Mobile-first approach
  • Desktop (1024px+)
  • Tablet (768px - 1023px)
  • Mobile (480px - 767px)
  • Small Mobile (< 480px)

📦 Installation

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• No server or database required

Steps

1. Clone the repository

   git clone https://github.com/MrCoolGh/ug-cs-portal.git
   cd ug-cs-portal