Git Product home page Git Product logo

dropbox-clone's Introduction

an easy way to store, share and access files from anywhere

๐Ÿ“ƒ about

this is a beautiful web app project that you can use for store, share and acess files any time from anywhere

i made this project for fun and also to challenge myself in learn more about reactjs

you can see live app here

๐Ÿ“Œ features

realtime

everything that happens is always in sync, if you add something, if someone change something, this app stays updated always

storage & share files

you can upload any files you want, share with someone instantly, or you can send the folders link to a friend

organize your files

you can also create folders for organizing your files better

๐Ÿ”จ how it was built

this project was developed with the following technologies:

๐Ÿ’ฌ rest api

all data is being consumed from an rest api written in node, you can check the repo here

โ„น๏ธ note

every file you store here is deleted about every 30 minutes, so dont worry ๐Ÿ˜‰

the api that storages all files is hosted on heroku, and heroku always erase everything when the app is restarted, thats why it happen

but if you use another host service for the api you can use this app without this prolem

๐Ÿ”Œ how to use

to clone this repository and run this app, you'll need git and node.js installed on your computer.

i highly recommend yarn for handling node packages faster, but you can use npm if you want, no problem.

from your command line (using npm):

# clone this repository
$ git clone https://github.com/emkis/dropbox-clone.git

# go into the repository
$ cd dropbox-clone

# create a .env file based on the example and define the api url
# you can use the api that is used in production: https://dropbox-clone-back.herokuapp.com
$ cp .env.example .env

# install dependencies
$ npm install

# run the app in development mode
$ npm run start

โœŒ๏ธ say hello to me on linkedin or send me and email ๐Ÿ“ซ

dropbox-clone's People

Contributors

emkis avatar dependabot[bot] avatar

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.