Desktop calendar application using HTML, JavaScript, CSS

View, create, edit appointments. Created using Full Calendar, jQuery, and Bootstrap. Front end only. Checkout beginning Rails back end work.

Load

-------- or --------

  • Clone repo.
  • Open index.html in your browser.

Usage

To create a new appointment

  1. Click on a day within the month or week view calendar on the left pane.
  2. The day will load in the right day agenda view on the right.
  3. Within the right day agenda, click on any 30 minute time slot to create an appointment.
  4. Input the appointment title and then click create.

View or edit an existing appointment

  1. Click on day of existing appointment within the month or week view calendar on the left pane. Or navigate to day within day view.
  2. The day of the appointment will load on the right day view.
  3. Click on the appointment you want to edit.
  4. A modal will appear. You can update the title or delete the event.

Note: events do not persist.