Welcome to Data Structures and Algorithms! This semester we'll explore fundamental computer science concepts including linear data structures, trees, graphs, sorting algorithms, and more.
Important first steps:
Ensure you have a working C++ development environment
The first programming assignment is now available in the Programming Problems section. This assignment covers basic algorithm analysis and implementation of simple data structures.
Due Date: February 1st, 11:59 PM
Topics: Array operations, time complexity analysis
Start early and don't hesitate to ask questions during office hours!
Explore instructional content organized by week and topic.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Loading...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
From 5341f1bd3f1c22fc5c6506f4031aae1bae1510e6 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 12 Sep 2025 20:45:25 +0000
Subject: [PATCH 3/3] Complete modern Tailwind CSS dashboard with all pages and
functionality
Co-authored-by: kapooramanpreet <29406643+kapooramanpreet@users.noreply.github.com>
---
README.md | 224 +++++++++++++++++++
announcements.html | 245 +++++++++++++++++++++
problems.html | 291 +++++++++++++++++++++++++
resources.html | 520 +++++++++++++++++++++++++++++++++++++++++++++
schedule.html | 366 +++++++++++++++++++++++++++++++
syllabus.html | 476 +++++++++++++++++++++++++++++++++++++++++
6 files changed, 2122 insertions(+)
create mode 100644 README.md
create mode 100644 announcements.html
create mode 100644 problems.html
create mode 100644 resources.html
create mode 100644 schedule.html
create mode 100644 syllabus.html
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..b3e4737
--- /dev/null
+++ b/README.md
@@ -0,0 +1,224 @@
+# COP3530 Course Website
+
+A modern, responsive course dashboard built with Tailwind CSS for the COP3530 Data Structures and Algorithms course. This website provides an intuitive interface for accessing course materials, programming problems, schedules, and announcements.
+
+## 🚀 Live Demo
+
+Visit the deployed site: [https://cop3530.github.io/cop3530.github.io](https://cop3530.github.io/cop3530.github.io)
+
+## 📋 Features
+
+### 🎨 Modern Design
+- **Responsive Dashboard**: Clean, card-based layout that works on all devices
+- **Dark Mode**: Toggle between light and dark themes with system preference detection
+- **Sidebar Navigation**: Persistent navigation with mobile-friendly collapsible menu
+- **Tailwind CSS**: Utility-first styling with CDN delivery for rapid development
+
+### 📚 Content Management
+- **Course Modules**: Browse weekly topics with links to instructional content
+- **Programming Problems**: Searchable, filterable problem bank with difficulty ratings
+- **Announcements**: Chronological course updates with relative timestamps
+- **Schedule**: Week-by-week breakdown of topics, assignments, and due dates
+- **Resources**: Development tools, textbooks, and learning materials
+- **Syllabus**: Comprehensive course information and policies
+
+### 🔍 Interactive Features
+- **Real-time Search**: Filter content across all sections
+- **Tag-based Filtering**: Multi-select tag filtering for programming problems
+- **Client-side Rendering**: Fast, responsive interface with vanilla JavaScript
+- **Cross-repo Integration**: Links to external course repositories
+
+### ♿ Accessibility
+- **Semantic HTML**: Proper heading structure and ARIA labels
+- **Keyboard Navigation**: Full keyboard accessibility
+- **Screen Reader Support**: Skip links and descriptive text
+- **Color Contrast**: WCAG compliant color schemes in both themes
+
+## 🏗 Project Structure
+
+```
+cop3530.github.io/
+├── index.html # Dashboard home page
+├── modules.html # Course modules browser
+├── problems.html # Programming problems catalog
+├── announcements.html # Course announcements
+├── schedule.html # Weekly schedule table
+├── resources.html # Learning resources and tools
+├── syllabus.html # Course syllabus and policies
+├── assets/
+│ ├── css/
+│ │ └── custom.css # Custom styles and theme overrides
+│ └── js/
+│ ├── components.js # Shared UI components and utilities
+│ ├── theme.js # Dark mode management
+│ ├── search.js # Generic search and filtering
+│ ├── modules.js # Module page functionality
+│ ├── problems.js # Problems page with tag filtering
+│ └── announcements.js # Announcements rendering
+├── data/
+│ ├── modules.json # Course module data
+│ ├── problems.json # Programming problems database
+│ └── announcements.json # Course announcements
+└── README.md # Project documentation
+```
+
+## 🛠 Tech Stack
+
+- **Framework**: Static HTML/CSS/JavaScript (GitHub Pages compatible)
+- **CSS Framework**: Tailwind CSS 3.x (via CDN)
+- **JavaScript**: Vanilla ES6+ (no build process required)
+- **Data Format**: JSON files for content management
+- **Hosting**: GitHub Pages (automatic deployment)
+
+## 📖 Content Management
+
+### Adding New Modules
+
+Edit `data/modules.json` to add new course modules:
+
+```json
+{
+ "id": "week05-heaps",
+ "title": "Heaps and Priority Queues",
+ "week": 5,
+ "topics": ["Binary Heaps", "Priority Queues", "Heap Operations"],
+ "summary": "Understanding heap data structure and priority queue implementations.",
+ "contentUrl": "https://github.com/COP3530/Instructional-Content/tree/main/Week05",
+ "resources": [
+ {"label": "Slides", "url": "https://github.com/..."},
+ {"label": "Video Lecture", "url": "https://youtube.com/..."}
+ ]
+}
+```
+
+### Adding Programming Problems
+
+Edit `data/problems.json` to add new coding challenges:
+
+```json
+{
+ "id": "pp-009",
+ "title": "Heap Sort Implementation",
+ "topic": "Sorting",
+ "difficulty": "Medium",
+ "tags": ["heap", "sorting", "in-place"],
+ "repoPath": "https://github.com/COP3530/Programming-Problems/tree/main/sorting/heap-sort",
+ "description": "Implement heap sort algorithm with in-place sorting and analyze time complexity."
+}
+```
+
+### Publishing Announcements
+
+Edit `data/announcements.json` to add course updates:
+
+```json
+{
+ "id": "2025-02-01-midterm",
+ "title": "Midterm Exam Information",
+ "body": "
The midterm exam is scheduled for February 21st during regular class time...
",
+ "posted_at": "2025-02-01T09:00:00Z"
+}
+```
+
+## 🎯 Usage Guide
+
+### For Students
+1. **Dashboard**: Start here for quick access to recent announcements and upcoming content
+2. **Modules**: Browse weekly course materials and access instructional content
+3. **Problems**: Search and filter programming assignments by topic, difficulty, or tags
+4. **Schedule**: View assignment due dates and exam schedules
+5. **Resources**: Find development tools, textbooks, and study materials
+
+### For Instructors
+1. Update JSON files in the `data/` directory to modify course content
+2. All changes are automatically reflected on the live site
+3. No build process required - just commit and push changes
+4. Use the GitHub repository interface for quick content updates
+
+## 🔧 Development
+
+### Local Development
+```bash
+# Clone the repository
+git clone https://github.com/COP3530/cop3530.github.io.git
+cd cop3530.github.io
+
+# Serve locally (any HTTP server works)
+python -m http.server 8000
+# or
+npx serve .
+# or
+php -S localhost:8000
+```
+
+### Customization
+- **Colors**: Modify Tailwind color classes in HTML files
+- **Styling**: Add custom CSS to `assets/css/custom.css`
+- **Functionality**: Extend JavaScript files in `assets/js/`
+- **Content**: Update JSON files in `data/` directory
+
+### Browser Support
+- Modern browsers (Chrome, Firefox, Safari, Edge)
+- ES6+ JavaScript features required
+- CSS Grid and Flexbox support needed
+
+## 🚀 Deployment
+
+The site automatically deploys to GitHub Pages when changes are pushed to the main branch. No build process is required.
+
+### Manual Deployment
+1. Ensure all files are committed to the repository
+2. Push changes to the main branch
+3. GitHub Pages will automatically update the live site
+4. Changes typically appear within 1-5 minutes
+
+## 🔮 Future Enhancements
+
+### Planned Features (TODOs)
+- [ ] **Build Process**: Migrate from CDN to compiled Tailwind CSS for smaller file sizes
+- [ ] **GitHub API Integration**: Fetch live content from course repositories
+- [ ] **Offline Support**: Add service worker for offline functionality
+- [ ] **Markdown Support**: Enable markdown rendering for announcements and syllabus
+- [ ] **Search Indexing**: Implement full-text search across all content
+- [ ] **Static Site Generator**: Consider migration to Eleventy or similar tool
+- [ ] **Progressive Enhancement**: Enhanced features for modern browsers
+
+### Potential Improvements
+- Assignment submission interface
+- Grade tracking dashboard
+- Student progress visualization
+- Discussion forum integration
+- Calendar sync (Google Calendar, Outlook)
+- Email notification system
+- Mobile app companion
+
+## 📝 Contributing
+
+1. Fork the repository
+2. Create a feature branch (`git checkout -b feature/new-feature`)
+3. Make your changes following the existing code style
+4. Test your changes locally
+5. Commit with descriptive messages
+6. Push to your fork and create a pull request
+
+### Content Guidelines
+- Use semantic HTML structure
+- Follow existing JavaScript patterns
+- Maintain consistent styling with Tailwind utilities
+- Ensure accessibility standards are met
+- Test on multiple devices and browsers
+
+## 📄 License
+
+This project is open source and available under the [MIT License](LICENSE).
+
+## 🤝 Support
+
+- **Issues**: Report bugs and request features via GitHub Issues
+- **Discussions**: Join project discussions on GitHub Discussions
+- **Documentation**: Comprehensive guides available in the Wiki
+- **Contact**: Reach out to course instructors for academic content questions
+
+---
+
+**Built with ❤️ for COP3530 students at the University of Florida**
\ No newline at end of file
diff --git a/announcements.html b/announcements.html
new file mode 100644
index 0000000..360b9c6
--- /dev/null
+++ b/announcements.html
@@ -0,0 +1,245 @@
+
+
+
+
+
+ Announcements - COP3530
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Skip to content
+
+
+
+
+
+
+
+
+ CS
+
+
+
COP3530
+
Spring 2025
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Course Announcements
+
Stay updated with important course information and deadlines.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/problems.html b/problems.html
new file mode 100644
index 0000000..f8d484e
--- /dev/null
+++ b/problems.html
@@ -0,0 +1,291 @@
+
+
+
+
+
+ Programming Problems - COP3530
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Skip to content
+
+
+
+
+
+
+
+
+ CS
+
+
+
COP3530
+
Spring 2025
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Programming Problems
+
Practice data structures and algorithms with these coding challenges.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Filter by tags:
+
+
+
+
+
+
+
+
+ Loading...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/resources.html b/resources.html
new file mode 100644
index 0000000..2700d01
--- /dev/null
+++ b/resources.html
@@ -0,0 +1,520 @@
+
+
+
+
+
+ Resources - COP3530
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Skip to content
+
+
+
+
+
+
+
+
+ CS
+
+
+
COP3530
+
Spring 2025
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Course Resources
+
Essential tools, references, and materials to help you succeed in COP3530.
+ Response within 24 hours
+ Include course number in subject
+
+
professor@university.edu
+
+
+
+
+
+
+
Discussion Forum
+
+ Canvas discussions
+ Peer and instructor help
+
+
Available 24/7
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/schedule.html b/schedule.html
new file mode 100644
index 0000000..7512fe7
--- /dev/null
+++ b/schedule.html
@@ -0,0 +1,366 @@
+
+
+
+
+
+ Schedule - COP3530
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Skip to content
+
+
+
+
+
+
+
+
+ CS
+
+
+
COP3530
+
Spring 2025
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Course Schedule
+
Weekly breakdown of topics, assignments, and important dates.
+
+
+
+
+
+
+
COP3530 Course Schedule
+
+
+
Week
+
Dates
+
Topics
+
Assignments
+
Due Dates
+
+
+
+
+
1
+
Jan 13-17
+
+
Introduction & Algorithm Analysis
+
Course overview, Big-O notation
+
+
+
+ Reading
+
+ Ch 1-2
+
+
-
+
+
+
2
+
Jan 20-24
+
+
Linear Data Structures
+
Arrays, linked lists, stacks, queues
+
+
+
+ Programming Assignment 1
+
+
+
+ Jan 31
+
+
+
+
3
+
Jan 27-31
+
+
Trees & Binary Search Trees
+
Tree structures, BST operations, traversals
+
+
+
+ Quiz 1
+
+
+
+ Jan 31
+
+
+
+
4
+
Feb 3-7
+
+
Hash Tables
+
Hash functions, collision resolution
+
+
+
+ Programming Assignment 2
+
+
+
+ Feb 14
+
+
+
+
5
+
Feb 10-14
+
+
Advanced Tree Structures
+
AVL trees, red-black trees
+
+
+
+ Reading
+
+ Ch 7-8
+
+
-
+
+
+
6
+
Feb 17-21
+
+
Heaps & Priority Queues
+
Binary heaps, heap operations
+
+
+
+ Midterm Exam
+
+
+
+ Feb 21
+
+
+
+
7
+
Feb 24-28
+
+
Sorting Algorithms
+
Merge sort, quick sort, heap sort
+
+
+
+ Programming Assignment 3
+
+
+
+ Mar 7
+
+
+
+
8
+
Mar 3-7
+
+
Graph Algorithms I
+
Graph representation, BFS, DFS
+
+
+
+ Reading
+
+ Ch 13-14
+
+
-
+
+
+
+
+
+
+
+
+
Legend
+
+
+
+ Reading
+
+ Textbook chapters
+
+
+
+ Assignment
+
+ Programming tasks
+
+
+
+ Quiz
+
+ In-class assessment
+
+
+
+ Exam
+
+ Major examination
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/syllabus.html b/syllabus.html
new file mode 100644
index 0000000..d8e6a83
--- /dev/null
+++ b/syllabus.html
@@ -0,0 +1,476 @@
+
+
+
+
+
+ Syllabus - COP3530
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Skip to content
+
+
+
+
+
+
+
+
+ CS
+
+
+
COP3530
+
Spring 2025
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
COP3530 - Data Structures and Algorithms
+
+
Spring 2025 • University of Florida
+
Credits: 3 • Prerequisites: COP3503 (Programming 2) with grade of C or better
+
+
+
+
+
+
+
Course Information
+
+
+
+
Instructor
+
+
Professor John Smith
+
Email: jsmith@ufl.edu
+
Office: CSE 301
+
Phone: (352) 555-0123
+
+
+
+
+
Class Schedule
+
+
Lectures: MWF 10:40-11:30 AM
+
Location: Little Hall 101
+
Lab: Thursday 2:00-4:00 PM
+
Lab Location: CSE 120
+
+
+
+
+
+
+
+
+
+
Course Description
+
+
+ This course provides a comprehensive introduction to data structures and algorithms essential for computer science.
+ Students will learn to analyze, design, and implement fundamental data structures including arrays, linked lists,
+ stacks, queues, trees, heaps, hash tables, and graphs. The course emphasizes algorithm analysis, complexity theory,
+ and the selection of appropriate data structures for solving computational problems.
+
+
+
Learning Objectives
+
+
Understand and analyze time and space complexity using Big-O notation
+
Implement fundamental data structures in C++
+
Design and analyze recursive and iterative algorithms
+
Apply appropriate data structures to solve real-world problems
+
Understand graph algorithms including traversal and shortest path
+
Implement and analyze various sorting algorithms
+
Develop problem-solving skills for algorithmic challenges
+
+
+
+
+
+
+
+
+
Grading Policy
+
+
+
+
Grade Distribution
+
+
+ Programming Assignments
+ 40%
+
+
+ Midterm Exam
+ 20%
+
+
+ Final Exam
+ 25%
+
+
+ Quizzes
+ 10%
+
+
+ Participation
+ 5%
+
+
+
+
+
+
Letter Grade Scale
+
+
+ A
+ 93-100%
+
+
+ A-
+ 90-92%
+
+
+ B+
+ 87-89%
+
+
+ B
+ 83-86%
+
+
+ B-
+ 80-82%
+
+
+ C+
+ 77-79%
+
+
+ C
+ 70-76%
+
+
+ F
+ < 70%
+
+
+
+
+
+
+
+
+
+
+
Course Policies
+
+
+
+
Attendance Policy
+
+ Regular attendance is strongly encouraged but not mandatory. However, students are responsible for all material covered in class,
+ including announcements and schedule changes. If you miss class, please check with classmates for notes and announcements.
+
+
+
+
+
Late Assignment Policy
+
+ Programming assignments lose 10% per day late (including weekends). No assignments accepted more than 5 days late without
+ prior arrangement. Medical emergencies and university-sanctioned activities may qualify for extensions with appropriate documentation.
+
+
+
+
+
Make-up Exam Policy
+
+ Make-up exams will only be given in case of documented emergencies or university-sanctioned activities.
+ Students must contact the instructor as soon as possible to arrange a make-up exam.
+
+
+
+
+
Academic Integrity
+
+
+ All work submitted must be your own. Collaboration on understanding concepts is encouraged,
+ but code must be written independently. Plagiarism, copying code, or unauthorized collaboration will result
+ in failure of the assignment and may result in failure of the course. When in doubt, ask the instructor.
+
+
+
+
+
+
+
+
+
+
+
Required Materials
+
+
+
+
Textbook (Required)
+
+ Data Structures and Algorithm Analysis in C++ (4th Edition)
+ by Mark Allen Weiss
+ ISBN: 978-0132847377
+
+
+
+
+
Software Requirements
+
+
C++ compiler (GCC 9.0+ or equivalent)
+
Text editor or IDE (VS Code, CLion, or similar)
+
Git for version control (recommended)
+
Access to Canvas LMS
+
+
+
+
+
Recommended Resources
+
+
Introduction to Algorithms by CLRS (reference)
+
VisuAlgo.net for algorithm visualizations
+
LeetCode for additional practice problems
+
Stack Overflow for programming help
+
+
+
+
+
+
+
+
+
+
University Policies
+
+
+
+
Disability Accommodations
+
+ Students with disabilities who experience learning barriers are encouraged to contact the Disability Resource Center
+ to discuss options. All discussions remain confidential. Students must register with DRC and provide appropriate
+ documentation to receive accommodations.
+
+
+
+
+
Counseling and Mental Health
+
+ Students experiencing personal problems or lacking clear career and academic goals are encouraged to contact the
+ Student Mental Health unit of the Student Health Care Center (352-392-1575) or the Counseling & Wellness Center (352-392-1575).
+
+
+
+
+
Course Evaluation
+
+ Students are expected to provide feedback on the quality of instruction through online course evaluations.
+ Evaluations are typically open during the last 2-3 weeks of the semester and are completely anonymous.
+