Skip to content
Client side of Team Project "Filebucket" to create a Dropbox-like app.
JavaScript HTML CSS
Branch: master
Clone or download
Pull request Compare This branch is even with super-squad-1:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Filebucket client

Filebucket is a Dropbox-like app that allows users to upload files into a virtual file system. Anyone can read or dowload files and owners can delete or rename their own files. Filebucket stores information for the files on a MongooseDB database and stores the files in an AWS S3 bucket. The client is built using Bootstrap and Handlebars


For the front-end we primarily worked in pairs, switching drivers regularly. This enabled us to problem solve together. We also broke it into small steps so that we could commit regularly once we knew our code for that step was functional.


Intially we were challenged with git merging without hitting any conflicts. We overcame this by always working on a feature branch and assigning roles for merging in to development. Communication was important in order to achieve this.


npm install to install dependencies

Data Models


Project Links





User Stories

Before Sign In:

  • User can Sign Up
  • User can Sign In

After Sign In:

  • User can Change Password
  • User can Sign Out

All Users can:

  • See files
  • Upload a file
  • View a file
  • Download a file

Owner Users can:

  • Delete their files
  • Rename their file's title

Authentication Stories

User Story: User Sign Up (Create)

As an unregistered user, I want to sign up and create an account so I can use the application.

User Story: User Sign In (Read) As a registered user, I want to sign in so I can access my files.

User Story: User Change Password (Update) As an authenticated user, I want to change my password so that my account remains secure.

User Story: User Sign Out (Destroy) As an authenticated user, I want to sign out so I can end my session with my account secure.

File Management Stories

User Story: File Upload (Create) As an authenticated user, I want to upload a file so that is accessible to myself and others.

User Story: File Index (Read) As an authenticated user, I want to see a list of files.

User Story: File Rename (Update) As an authenticated user, I want to rename a file so its name accurately reflects the file contents.

User Story: File Delete (Destroy) As an authenticated user, I want to delete a file because I no longer want it stored in the system.

User Story: File Download (Read) As an authenticated user, I want to download a file so that I can use it locally.

User Story: File Properties (Read) As a user, I want to see the properties of a file so that I can know more information about the file.

You can’t perform that action at this time.