Skip to content

Repository files navigation

WeekQuartz logo

WeekQuartz

A polished static web app for building, editing, exporting, and downloading beautiful weekly timetable schedules.

Live Demo Validation MIT License

HTML CSS JavaScript No Backend Export

Repo Size Last Commit Issues Pull Requests Version

Overview

WeekQuartz is a polished weekly timetable builder for students, instructors, advisors, and anyone who wants a clean week-at-a-glance schedule. It runs fully in the browser, keeps schedule data portable, and exports beautiful schedule images without requiring a backend.

Open in GitHub Pages Static App MIT

Features

JSON Export PNG Export Editable Events Custom Styling

  • Create a weekly schedule from scratch with a form-based event editor.
  • Upload and render an existing schedule JSON file.
  • Copy existing events and reuse their details quickly.
  • Edit title, day, time, description, background color, and text color.
  • Configure visible days, start/end hours, row height, clock style, background, details, and centered text.
  • Export schedules as portable JSON.
  • Download high-resolution PNG images suitable for sharing and printing elsewhere.
  • Runs as a static web app: no backend and no build step required.

Tech Stack

Layer Choice
Markup HTML
Styling CSS
Logic JavaScript
Export html2canvas
Hosting GitHub Pages

Getting Started

Open index.html directly in a browser, or serve the folder locally:

python -m http.server 4173

Then open:

http://127.0.0.1:4173/

Validation

Validation Workflow Node Check

Local checks:

node --check app.js
node -e "JSON.parse(require('fs').readFileSync('package.json', 'utf8'))"

File Overview

Files Assets

  • index.html - application markup and modals.
  • styles.css - visual design, responsive layout, and export styling.
  • app.js - schedule state, rendering, editing, JSON import/export, and PNG export.
  • assets/weekquartz-logo.svg - main project logo.
  • assets/favicon.svg - browser tab icon.

JSON Format

Portable JSON

WeekQuartz stores schedules as JSON with a title, settings, and event list. Use the in-app JSON export as the canonical format.

Each event includes:

  • title
  • day
  • timeRange
  • description
  • colors
  • id

Project Name

Brand

The selected name is WeekQuartz. A brief public web search on July 9, 2026 did not show an exact scheduling product or web app using this name. This is not legal trademark advice; before publishing commercially, run a formal trademark and domain check.

Repository Description

Polished static web app for building, editing, exporting, and downloading beautiful weekly timetable schedules.

Suggested GitHub Topics

Topics

schedule-builder, weekly-schedule, timetable, calendar, json-export, png-export, static-web-app, html-css-javascript, student-tools, productivity

License

MIT License

Released under the MIT License. See LICENSE.

About

Polished static web app for building, editing, exporting, and downloading beautiful weekly timetable schedules.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages