/human-timeline

A more human-level calendar app

Primary LanguageJavaScript

Timeline

A small React App that shows a zoomable, pan-able, linear calendar with sunrise, sunset, and moon cycles.

Why?

I don't like traditional calendars -- they don't help me plan things effectively. When you look at a traditional calendar, the year is divided into arbitrary months with each month given its own sheet. That means I don't start thinking about the middle of the next month until the current month is over. This is a disconnect with how I actually experience time -- not divided into arbitrary increments, but with one day following the other. Therefore I set out to make a calendar that is more realistic.

How

I used the calculations from this NOAA PDF to calculate the sunrise and sunsets for my (approximate) location.

This uses React-timeseries-charts for the plotting.

TODO

  • Add phases of Moon
  • Add Baselines for Solstices and Equinoxes
  • Add graph of hours of daylight
  • Make Responsive
  • label offset in days relative to today
  • Deploy

Building and running on localhost

First install dependencies:

npm install

To run in hot module reloading mode:

npm start

To create a production build:

npm run build-prod

To deploy:

npm run deploy

Running

Open the file dist/index.html in your browser

Credits

Made with createapp.dev