Welcome to the repository of our advanced course management platform, built to streamline academic scheduling and enhance user experience. Developed with React, JavaScript, HTML, and CSS, it integrates robust search capabilities, a dynamic calendar view (using DevExtreme React Scheduler), and interactive maps (via React Leaflet) for precise location tracking. The integrated “backpack” feature employs React Context and local storage, ensuring persistent data and seamless state management. Throughout the development process, we honed our skills in front-end architecture, UI/UX design, and scalable component structures. Explore the code to discover how this solution consolidates course exploration, schedule visualization, and on-map class pinpointing into a single, cohesive platform.
View Demo
Table of Contents
- Powerful Search: Quickly locate courses by title, code, or description
- Live Scheduling: Real-time weekly calendar
- Interactive Mapping: Course locations displayed with React Leaflet
- Persistent Backpack: Context API + local storage for seamless data retention
- Refined UI/UX: Responsive design leveraging React, JS, HTML, and CSS
This is an example of how to list things you need to use the software and how to install them.
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/jkchi/CourseManagementTool.git
- Install NPM packages
npm install
- Change git remote url to avoid accidental pushes to base project
git remote set-url origin github_username/repo_name git remote -v # confirm the changes
Jinkui Chi - chijk@umich.edu
Project Demo Link: url
My Linkedin linkedin