Git Product home page Git Product logo

aizaz-ahmad / drive-files-creator Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 365 KB

Create Multiple Google Drive Files/Folders inside Multiple Folders in a Single Click

Home Page: https://drive-files-creator.netlify.app/

Shell 0.50% JavaScript 14.57% HTML 6.92% Vue 75.56% CSS 2.44%
google google-drive-api google-drive-api-v3 google-drive-uploader vuejs vue-gapi primevue vue-router vue-reactivity

drive-files-creator's Introduction

Drive Files Creator

Create Multiple Google Drive Files/Folders inside Multiple Folders in a Single Click

DRIVE-FILES-DEMO

Website link

https://drive-files-creator.netlify.app/

Built With

  • HTML, CSS, JavaScript
  • Vue.js
  • Google OAuth, Google Drive API

Modules Used

APIs Used

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  • Node.js, Vue CLI should be installed to run the application
  • You should have API key for Google Drive API, Google Picker API and OAuth Client ID.

Setup

  • Clone the resposity by using the following command

        > git clone https://github.com/Aizaz-Ahmad/Drive-Files-Creator.git
  • Replace your API key and Client ID with ones inside .env file.

Install

  • Install the node_modules by following command:

        > npm install

Usage

  • To Serve the Application locally use the following command:

        > npm run serve

Authors

๐Ÿ‘ค Aizaz Ahmad

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check and report the issues at the issues page.

Show your support

Give a โญ๏ธ if you like this project!

drive-files-creator's People

Contributors

aizaz-ahmad avatar

Stargazers

 avatar  avatar

Watchers

 avatar

drive-files-creator's Issues

Beginner Vue User

Hi,
I appreciate you making this resource since I'm a very new Vue user trying to learn, but I'm not sure how to get it working locally.
After I cloned the repo and installed the packages, I ran "npm run serve" and I get this error on the chrome console:
"Not a valid origin for the client: http://localhost:8080 has not been registered for client ID 180166593987-k994qsiub0nt1223shhb28nedgggr6cp.apps.googleusercontent.com. Please go to https://console.developers.google.com/ and register this origin for your project's client ID."

I replaced the APIkey and the ClientId with my own and I get the same error. I whitelisted "http://localhost:8080" for my credentials on my OAuth ClientID in my Authorized redirect URIs and also cleared my google chrome cache. I even added the Google Analytics API to the project, but it still doesn't work. I'm not sure if I set up the my OAuth incorrectly or if my environment is wrong.

Thanks a lot,
Ray

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.