Simple Dropbox clone

Description

A simple yet beautiful project to build a single page application showing basic features of dropbox. [Work in progress]

##Contains:

• Ducks architecture (https://github.com/erikras/ducks-modular-redux). Simple pattern to write redux apps.
• ES6 - 7 Support with Babel
• React Routing
• Hot module reloading
• webpack
• Sass support, just import your styles wherever you need them
• eslint to keep your js readable

Run the app (Development)

0. npm install. (yarn install also works fine)
1. npm start

Build the app (Deployment)

npm run build

This will build the app into the "dist" directory in the root of the project. It contains the index.html along with the minified assets, ready for production.

Base Cloned from:

https://github.com/jpsierens/webpack-react-redux.git

Basic feature added till now:

0. Open localhost:3000, you'll see landing page

0. Select a folder by clicking anywhere on the row (except name of file, just like dropbox)

0. For single selection, * button appears to rename file. Type some name

0. Now you can see that folder is renamed. Now, you can "click on folder name" to go inside that folder

0. Select multiple folder by clicking anywhere on the row (except name of file, just like dropbox)

0. Click on delete button to delete all the selected folders

0. Click on + button to add new folder in the given directory. Give some name

0. New folder now appears in the given directory. You can navigate and add further folders inside it.

TODO:

0. Auto rename common item name to (1) (2), etc..

1. Resolve path bug in response when Renaming of existing items

2. Add navigation in create bread crumbs

3. Heavy testing addition of folder -> url should match and browser history should match.

4. Add pop ups based on user actions

5. Url appending when clicked on folder be based on path provided from backend

6. Send id along with name when get details->checking for mismatch

7. Remove trailing / form url if user manually puts it

8. Currently support is being added for folder creation. Although, file uploading(only name wise) is on the way.

9. Add middleware to make promise call to apis and attach to store actions

10. On demand module loading

11. Code splitting

12. Add offline functionality / Service worker[pretty good example since it also has an app shell]