Skip to content

smenjas/calendar-vanilla

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

calendar-vanilla

This is a calendar app built with vanilla JavaScript. It's an exercise to learn web development fundamentals, using the simplest technology stack: plain HTML, CSS, & client-side JS.

Exercise Constraints

  • No libraries, frameworks, templates, or preprocessors
  • No server side processing (e.g. Node or Deno)
  • No dev tools except Git, an editor, and a web browser

Goals

  • Automate testing
  • Support light and dark color themes
  • Support desktop and mobile layouts
  • Show a calendar
    • Monthly
    • Yearly
    • Daily
  • Identify today
  • Allow navigation, forward and backward
  • Remember events
  • Categorize events
  • Repeat events
  • Set goals (e.g. exercise twice a week)

Yearly calendar Monthly calendar Daily calendar

favicon by Twemoji, licensed as CC-BY 4.0.