https://github.com/vikbert/lifecalendar

Live Calendar
https://github.com/vikbert/lifecalendar

Last synced: 9 months ago
JSON representation

Live Calendar

• Host: GitHub
• URL: https://github.com/vikbert/lifecalendar
• Owner: vikbert
• Created: 2019-06-16T16:20:47.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T00:43:29.000Z (about 3 years ago)
• Last Synced: 2025-06-03T15:26:36.242Z (10 months ago)
• Language: JavaScript
• Homepage: https://lifecalendar.netlify.com/
• Size: 13 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 28
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  
Life Calender

  
inspired by Tim Urban's nice TED talk about procrastination.


  


    

      

    

    

      

    

  

  


   
React renders

   
2956,500 x Componts

   
in 567 ms

   



---

LifeCalender is inspired by Tim Urban's TED talk. In his humorous talk about the procrastination, he introduced the idea of life calender in his slide.

I create the lifeCalender with both svelte.js and react.js to benchmark the performance difference between virtual DOM and real DOM.

That's one box for every day of a 90-year life. That's not that many boxes, especially since we've already used a bunch of those. So I think we need to all take a long hard look at that calender. We need to stay aware of the instant Gratification monkey. That's a job for all of us.

## Live [Demo](https://lifecalender.vercel.app/)

![](docs/life2.png)

## Getting started

```bash

npm install

npm run start

```

## licence

MIT [@vikbert](https://vikbert.github.io/)