Added oAuth by Github

[txrp0x9]

ABOUT

Made a few changes to Login.vue so that the access token is retrieved from github. Resolves #15

---

TESTING

• Create an oAuth application if you haven't already
• Makes sure that the callback-url is set to http://localhost:8080/#/auth
• Make an .env file in the root folder of the project (where package.json is)
• Add the code given below and replace it with values from your oAuth application: VUE_APP_CLIENT_ID=<client id> VUE_APP_CLIENT_SECRET=<client secret>
• Run the app using npm start serve
• Test!

  ---

[ayushnagar123]

HI @Torpedo99 I worked on your pull request please update the pull request as follows:-

• to remove cors error:- the present code redirects to a hosted link as we can see in the vue.config.js that if it is in production mode it changes the publicPath to /Codebadge. We don't need to do that as we are not redirecting it to that host link. and in your devServer object set https as true. This will run your localhost with https protocol. Note:- your vue.config.js must be in your root folder of project i.e. where your package.json is.
• your callback url needs to be updated in your GitHub OAuth. Note:- redirect url must also be of https protocol.
• update homeUrl from http to https in axiosHelper.js. After you solve all these issues you will observe that after OAuth gets submitted, your url directes with https://localhost:8080/?code=..../#/home/ this will ultimately redirect to some other link. You will need to solve the issue.

[ayushnagar123]

headers: { "Access-Control-Allow-Origin": "*" } @Torpedo99 add this to your in your vue.config.js in your devServer object and let me know is there any changes or not with the issue you are facing.

[txrp0x9]

Integrated a simple method to extract the access_token from the response and store it locally to be used for further authorized github api calls.

[txrp0x9]

Switched to using environment variables instead of saving client secret and id in a file. Read the PR details for testing procedure.