Code Monkey home page Code Monkey logo

hdrive's Introduction

HDrive - My Personal Google Drive

HDrive is a file storage service which I developed to learn about the firebase. It uses:

  • React
  • Firebase
  • Redux (Redux Thunk)
  • Material UI
  • Localforage

Screenshot 1


Screenshot 2


Screenshot 1

⬇️ Installation

# clone repository
git clone https://github.com/Harsh-Tuwar/HDrive.git

# install dependencies
npm install

Create an .env file and put it in the root (on the same level as src) and add your firebase config object as described below:

const firebaseConfigMaster = {
	apiKey: process.env.REACT_APP_API_KEY,
	authDomain: process.env.REACT_APP_AUTH_DOMAIN,
	projectId: process.env.REACT_APP_PROJECT_ID,
	storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
	messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
	appId: process.env.REACT_APP_APP_ID
};
# run dev server
npm run dev

hdrive's People

Contributors

harsh-tuwar avatar

Watchers

James Cloos avatar avatar

hdrive's Issues

UI Update : Folders && File

Options to be added

  • Update/Delete Files & folders
  • Show Details about folder/files - size and created at and stuff
  • Add Heading Labels for Files and Folders

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.