{"id":20110334,"url":"https://github.com/calcom/atoms-examples","last_synced_at":"2025-10-28T03:16:38.702Z","repository":{"id":228953667,"uuid":"775345891","full_name":"calcom/atoms-examples","owner":"calcom","description":"Example apps using atoms - customizable UI components to integrate scheduling into your product.","archived":false,"fork":false,"pushed_at":"2024-03-21T16:35:16.000Z","size":248,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-06-13T15:10:02.063Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/calcom.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-03-21T08:08:46.000Z","updated_at":"2025-02-27T11:54:03.000Z","dependencies_parsed_at":"2024-11-13T18:12:08.009Z","dependency_job_id":"6fe49ba8-7230-420b-8e4b-8b7999107213","html_url":"https://github.com/calcom/atoms-examples","commit_stats":null,"previous_names":["calcom/atoms-examples"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/calcom/atoms-examples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/calcom%2Fatoms-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/calcom%2Fatoms-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/calcom%2Fatoms-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/calcom%2Fatoms-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/calcom","download_url":"https://codeload.github.com/calcom/atoms-examples/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/calcom%2Fatoms-examples/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260919444,"owners_count":23082760,"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","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":[],"created_at":"2024-11-13T18:11:28.677Z","updated_at":"2025-10-28T03:16:33.654Z","avatar_url":"https://github.com/calcom.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Atoms examples\nExample apps using atoms - customizable UI components to integrate scheduling into your product.\n\n## Running examples apps locally\n\n1. Cal's backend is required to run example apps, so clone `https://github.com/calcom/cal.com` and follow setup instructions in the readme. Importantly, you need to have Google credentials setup by following [this section](https://github.com/calcom/cal.com?tab=readme-ov-file#obtaining-the-google-api-credentials) in the docs.\n\n2. Open \"apps/api/v2/.env\" and copy environment variables below, and then copy `NEXTAUTH_SECRET` from the root \".env\" of repository cloned in step 1.\n```jsx\nNODE_ENV=\"development\"\nAPI_PORT=5555\nDATABASE_READ_URL=\"postgresql://postgres:@localhost:5450/calendso\"\nDATABASE_WRITE_URL=\"postgresql://postgres:@localhost:5450/calendso\"\nAPI_URL=\"http://localhost\"\nNEXTAUTH_SECRET=\"copy from .env of root of repository cloned in step 1\"\nDATABASE_URL=\"postgresql://postgres:@localhost:5450/calendso\"\nJWT_SECRET=\"asjdijI1JIO12I3O89198jojioSAJDU\"\nREDIS_URL=\"redis://localhost:6379\"\n```\n\n3. Start \"apps/api/v2\" api using `yarn dev`.\n4. Start \"packages/platform/atoms\" atoms package with `yarn dev`.\n5. Start \"apps/web\" cal web app using `yarn dx`.\n6. Open your browser at \"http://localhost:3000/\" and login with admin username `admin@example.com` and password `ADMINadmin2022!`.\n7. In the web app navigate to `http://localhost:3000/settings/organizations/new` and create a sample organization. When asked for phone verification code enter `111111`.\n8. In the web app navigate to `http://localhost:3000/settings/organizations/platform/oauth-clients` and create a new oAuth client - give all permissions and set redirect uri to `http://localhost:4321` which points to example app.\n9. Setup environment for the example app you want to run:\n    1. First, copy \".env.example\" into \".env\".\n    2. Open \".env\" file and paste client id from step 8 in `NEXT_PUBLIC_X_CAL_ID` and client secret in `X_CAL_SECRET_KEY`. If in step 2 you used the same environment variables, then `NEXT_PUBLIC_CALCOM_API_URL` can stay as is. Otherwise adjust the port to point to the same `API_PORT` as you used in step 2.\n10. Navigate to example app and setup database by running `rm -f prisma/dev.db \u0026\u0026 yarn prisma db push`.\n11. Start the example app by running `yarn dev` and go to `http://localhost:4321`.\n12. In the Google Cloud Console \"API \u0026 Services\" \"Credentials\" `https://console.cloud.google.com/apis/credentials` open web project setup in step 1 and add `http://localhost:5555/api/v2/platform/gcal/oauth/save` to the authorized redirect URIs.\n\n\u003cimg width=\"1000\" alt=\"Screenshot 2024-03-21 at 09 42 36\" src=\"https://github.com/calcom/atoms-examples/assets/42170848/82ce4d7a-fc08-489a-ab06-a8eb41a68a2a\"\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcalcom%2Fatoms-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcalcom%2Fatoms-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcalcom%2Fatoms-examples/lists"}