HansS / react-google-calendar

A react-big-calendar implementation that pulls events from Google calendars

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Google Calendar

React Google Calendar is an implementation of react-big-calendar that pulls events from multiple Google calendars and reformats them for display. It also allows for many kinds of reoccuring events, such as daily, weekly, and monthly.

Demo && Doxx

Running locally

  • clone the repository git clone https://github.com/crashspringfield/react-google-calendar.git
  • update config.js with your API key
  • npm install && npm start

Further setup

  • Get a Google Calendar API key. Simple Calendar has good instructions for setting this up.
  • Create calendars and make them public. Go to https://calendar.google.com/calendar to create a calendar and make it public. You'll need the Calendar ID in your Home component.

Contributing

If there is any bug needing fixing or feature you'd like to see, open an issue. If you're not getting the data back you expect, see below.

Reoccuring event algorithms

Accounting for all the various ways events can reoccur is a huge undertaking and there are many we missed. Right now we support the following:

  • single events
  • daily events (e.g. every day, every n days)
  • weekly events (e.g. every Monday)
  • monthly events by date (e.g. first of the month)
  • monthy events by day (e.g. first Friday)

If you find an edge case that isn't supported, raise an issue, or create a fork and write your own solution.

LICENSE

MIT

About

A react-big-calendar implementation that pulls events from Google calendars


Languages

Language:JavaScript 94.0%Language:CSS 4.4%Language:HTML 1.6%