A simple web app to book meeting rooms inside an office, built using React and Google Calendar API
A simple web app to book meeting room inside an office.
https://sivadass.github.io/react-meeting-room/
Goto Google Cloud Platform Console and create a new project.
Get inside APIs section and click Library Tab.
Under the Library, search for Google Calendar API and click ENABLE.
Under Credentials Tab, click Create Credentials button and select API Key on dropdown list.
A popup will open, which will give you the API Key (GOOGLE_API_KEY).
Now Create your web client with following settings. (Give your own desired port number and urls for your app).
Goto Google Calendar and create a new calendar.
Under Access Permissions section, just enable the Make available to public checkbox. And in the right side dropdown, make sure See all event details option is selected.
Grab the Calendar ID (CALENDAR_ID) from Integrate Calendar section.
And also add few events to our newly created calendar, so that you will have some data to see while developing.
git clone https://github.com/sivadass/react-meeting-room.git
.npm install
config.js
inside src folder and update the GOOGLE_API_KEY and CALENDAR_ID which you have got from above steps.npm start
, the project will load in the browser at http://localhost:8016/
Just run the code below, all your build files will be generated inside docs folder.
npm run build