{"id":13533898,"url":"https://github.com/AmreshSinha/OAuth-Tester-Appwrite","last_synced_at":"2025-04-01T22:31:01.620Z","repository":{"id":104937030,"uuid":"415668312","full_name":"AmreshSinha/OAuth-Tester-Appwrite","owner":"AmreshSinha","description":"Made to test new OAuth Implementation in Appwrite","archived":false,"fork":false,"pushed_at":"2021-10-18T18:55:13.000Z","size":681,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-02T21:31:40.116Z","etag":null,"topics":["appwrite","appwrite-auth"],"latest_commit_sha":null,"homepage":"","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/AmreshSinha.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}},"created_at":"2021-10-10T18:29:39.000Z","updated_at":"2024-04-06T19:46:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"46492f64-287f-4983-8482-02d963f669a8","html_url":"https://github.com/AmreshSinha/OAuth-Tester-Appwrite","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmreshSinha%2FOAuth-Tester-Appwrite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmreshSinha%2FOAuth-Tester-Appwrite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmreshSinha%2FOAuth-Tester-Appwrite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmreshSinha%2FOAuth-Tester-Appwrite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AmreshSinha","download_url":"https://codeload.github.com/AmreshSinha/OAuth-Tester-Appwrite/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246720458,"owners_count":20822907,"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":["appwrite","appwrite-auth"],"created_at":"2024-08-01T07:01:24.106Z","updated_at":"2025-04-01T22:31:01.234Z","avatar_url":"https://github.com/AmreshSinha.png","language":"JavaScript","readme":"\u003ch1\u003e 🔖 Appwrite OAuth Tester With React\u003ca href=\"#-note\"\u003e*\u003c/a\u003e\u003c/h1\u003e\n\n\u003cimg width=\"18%\" align=\"right\" src=\"https://appwrite.io/images-ee/press/badge-pink-button.svg\" /\u003e\n\nA OAuth Tester app built with Appwrite and React to test OAuth Providers in Appwrite. Made to test new providers easily.\n\n## 🎬 Getting Started\n\n### 🤘 Installation\nFollow this simple [Installation Guide](https://appwrite.io/docs/installation) to get Appwrite up and running in no time. You can either deploy Appwrite on your local machine or, on any cloud provider of your choice. \n\n\u003e Note: If you setup Appwrite on your local machine, you will need to create a public IP so that your hosted frontend can access it.\n  \nWe need to make a few configuration changes to your Appwrite server. \n\n1. Clone and Create a ```.env``` in root of this project with the following vars:\n    * REACT_APP_ENDPOINT - Your Appwrite endpoint\n    * REACT_APP_PROJECT - Your Appwrite project ID\n    * REACT_APP_LOGINURL - Login Page URL of OAuth Tester (e.g. http://localhost:3000/login)\n\n2. Add a new Web App in Appwrite and enter the endpoint of your website (`localhost, \u003cproject-name\u003e.vercel.app etc`)\n![Create Web App](https://user-images.githubusercontent.com/20852629/113019434-3c27c900-919f-11eb-997c-1da5a8303ceb.png)\n\n4. Open ```Login.js``` in the same directory and add this after Line 7:\n    * Add a button after Line 18 (You can take help from examples already written there) like:\n        ```\n        \u003cbutton\n          type=\"submit\"\n          className=\"mx-auto mt-4 py-2 px-16 font-semibold rounded-lg shadow-md bg-white text-gray-900 border border-gray-900 hover:border-transparent hover:text-white hover:bg-gray-900 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed\"\n          onClick={() =\u003e {loginWith(`provider-name`)}}\n        \u003e\n          Your-Provider-Name\n        \u003c/button\u003e\n        ```\n    * Remember to replace ```provider-name``` with a valid Provider (which is available in appwrite) in small casings (e.g. ```discord```)\n5. Run Dev Server ```npm run start```\n\n### 🚀 Deploy the Front End\n**Fork it and make necessary changes first**\n\nYou have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite.\n\n* REACT_APP_ENDPOINT - Your Appwrite endpoint\n* REACT_APP_PROJECT - Your Appwrite project ID\n* REACT_APP_LOGINURL - Login Page URL of OAuth Tester (e.g. http://localhost:3000/login)\n\n### **Deploy to a Static Hosting Provider**\n\nUse the following buttons to deploy to your favourite hosting provider in one click! We support Vercel, Netlify and DigitalOcean. You will need to enter the environment variables above when prompted.\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2FAmreshSinha%2FOAuth-Tester-Appwrite\u0026env=REACT_APP_PROJECT,REACT_APP_ENDPOINT\u0026envDescription=Your%20Appwrite%20Endpoint%2C%20Project%20ID%20)\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/AmreshSinha/OAuth-Tester-Appwrite)\n\n[![Deploy to DO](https://www.deploytodo.com/do-btn-blue.svg)](https://cloud.digitalocean.com/apps/new?repo=https://github.com/AmreshSinha/OAuth-Tester-Appwrite/tree/master)\n\n\n### **Run locally**\n\n* Follow these instructions to run the demo app locally\n\n```sh\n$ git clone https://github.com/appwrite/todo-with-react\n$ cd todo-with-react\n```\n\n* Make .env file by following 1st step in Installation and fill in the required vars\n\n* Now run the following commands and you should be good to go 💪🏼\n\n```\n$ npm install\n$ npm start\n```\n\n## 📸 Screenshots\n![image](https://user-images.githubusercontent.com/35039730/136904800-b66b8e31-3350-41ef-89e5-d66593dc78d2.png)\n![image](https://user-images.githubusercontent.com/35039730/136904613-c7a7c360-01f0-4b97-98fb-494ac52c5b79.png)\n\n## 📝 Note\nAll Styling is copied from React Todo Repository of Appwrite. (as I am too lazy :/)\n\n## 🤕 Support\n\nIf you get stuck anywhere, hop onto appwrite's [support channels in discord](https://appwrite.io/discord) to seek help 🤝\n","funding_links":[],"categories":["Showcase (Built with Appwrite 📣)"],"sub_categories":["React"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAmreshSinha%2FOAuth-Tester-Appwrite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAmreshSinha%2FOAuth-Tester-Appwrite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAmreshSinha%2FOAuth-Tester-Appwrite/lists"}