Coder Social home page Coder Social logo

fullcalendardemo's Introduction

FullCalendarDemo

The following code base has two parts:

  • The backend using Spring-Boot which handles and persists the Calendar event in file storage. It provides the updates to the frontend to display the events in the calendar of the user.
  • The small demo frontend using the FullCalendar to display the events in individuals calendar. It supports different views of day, week and month.

How to run and use

  • Clone the repo in your local machine.
  • start the spring boot server using the command mvn spring-boot:run
  • This will create a server listening on port 5544 with two endpoints. One for providing calendar events and another for adding events to the calendar.
  • After this navigate to the src/main/resources folder. Here you can open the index.html in your browser and if the spring-boot server is up and running, it will show you a basic calendar with some pre-saved events.
  • On this page, you can navigate to the form on the bottom of the page with 3 input fields. In these fields enter the details of the calendar event like title, start and end. Once you add these details and click on Submit, it will save the event in storage and render the newly created event in your calendar.
  • Example entry can be titled Team Lunch with start as 2023-05-18T14:00:00 and end as 2023-05-18T14:45:00. This will create an Event called Team Lunch on 18th May for 2PM till 2:45PM.
  • To add a full day event you can specify a start as 2023-05-18 which will create a full day even on 18th May 2023.

Contact

For any issues or help please reach out on : [email protected]

fullcalendardemo's People

Contributors

ayushyadav avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.