{"id":20614087,"url":"https://github.com/rahulkrsharma2004/google-calendar","last_synced_at":"2026-04-09T18:40:19.337Z","repository":{"id":263100621,"uuid":"889007784","full_name":"Rahulkrsharma2004/Google-Calendar","owner":"Rahulkrsharma2004","description":"This project demonstrates the integration of Google Calendar with a web application, allowing users to authenticate using their Google account, access their calendar in real-time, and create events directly from the application and also show on UI.","archived":false,"fork":false,"pushed_at":"2024-11-21T19:35:18.000Z","size":14815,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-06T18:48:00.426Z","etag":null,"topics":["backend","environment-variables","express","frontend","google-authentication","google-calendar-api","google-cloud-console","mern-stack","mongodb","nodejs","reactjs"],"latest_commit_sha":null,"homepage":"https://google-calendar-rks.netlify.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Rahulkrsharma2004.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-15T12:34:48.000Z","updated_at":"2024-11-21T19:35:21.000Z","dependencies_parsed_at":"2025-03-06T18:42:51.061Z","dependency_job_id":"1e4593cd-3086-4f48-bfdd-4d818bc568ec","html_url":"https://github.com/Rahulkrsharma2004/Google-Calendar","commit_stats":null,"previous_names":["rahulkrsharma2004/google-calendar"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Rahulkrsharma2004/Google-Calendar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahulkrsharma2004%2FGoogle-Calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahulkrsharma2004%2FGoogle-Calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahulkrsharma2004%2FGoogle-Calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahulkrsharma2004%2FGoogle-Calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rahulkrsharma2004","download_url":"https://codeload.github.com/Rahulkrsharma2004/Google-Calendar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahulkrsharma2004%2FGoogle-Calendar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279003883,"owners_count":26083638,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-10T02:00:06.843Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["backend","environment-variables","express","frontend","google-authentication","google-calendar-api","google-cloud-console","mern-stack","mongodb","nodejs","reactjs"],"created_at":"2024-11-16T11:11:55.334Z","updated_at":"2025-10-10T12:04:52.918Z","avatar_url":"https://github.com/Rahulkrsharma2004.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Google Calendar**\nThis project demonstrates the integration of Google Calendar with a web application MERN stack full Frontend and Backend, allowing users to authenticate using their Google account, access their calendar in real-time, and create events directly from the application and also show on UI.\n\n\n## **Features**\n\n- Google OAuth 2.0 login functionality.\n- Fetch and display events from the user's Google Calendar in a user-friendly table format.\n- Create new calendar events.\n- Responsive design for seamless use across devices.\n\n---\n## **Image**\n\u003cimg width=\"953\" alt=\"1stimg\" src=\"https://github.com/user-attachments/assets/6af29683-84c1-4b26-bd24-cbdf921f0139\"\u003e\n\u003cimg width=\"924\" alt=\"3rdimg\" src=\"https://github.com/user-attachments/assets/d39c3131-a7ac-478f-ae0b-a5ba6c1785df\"\u003e\n\u003cimg width=\"952\" alt=\"Captureoooorr\" src=\"https://github.com/user-attachments/assets/23475dbd-a45b-429f-a006-e2cb132cb200\"\u003e\n\u003cimg width=\"921\" alt=\"newtwo\" src=\"https://github.com/user-attachments/assets/6d905bb5-9a1e-4f10-8abd-6dda7b67d674\"\u003e\n\u003cimg width=\"933\" alt=\"7thimg\" src=\"https://github.com/user-attachments/assets/b49d3506-a076-40e1-af4d-701736af5f2e\"\u003e\n\n## Authentication Flow\n\n **Login**:\n   - Users log in using Google OAuth 2.0.\n   - After granting permissions, users are redirected back with an authorization code.\n\n **Token Exchange**:\n   - The server exchanges the authorization code for access and refresh tokens.\n   - Tokens are used to authenticate API requests.\n\n **User Information**:\n   - The server verifies the ID token and retrieves user info.\n   - User info is stored in the database for session management.\n\n\n## Technologies Used\n\n- **React.js**: Frontend library for building user interfaces.\n- **Node.js**: Backend runtime environment for executing JavaScript code.\n- **Express.js**: Web framework for Node.js to build backend APIs.\n- **Vanilla CSS**: For styling the application.\n- **React Router**: For navigation and routing within the React application.\n\n---\n\n## **Getting Started**  \n- First clone the repository --\n- Cloning Frontend and Backend --\n- cd frontend-calendar/\n- Run the command in terminal **npm run dev**\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahulkrsharma2004%2Fgoogle-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frahulkrsharma2004%2Fgoogle-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahulkrsharma2004%2Fgoogle-calendar/lists"}