Xobpord Team Project - Client

About the App:

This application allows users to house any type of file for safe-keeping. Just sign up for the app with an email address and password, log in, and start uploading your files. For each file, the user will have the options to download, edit, and delete. Users can upload one or more files at once. We are currently allowing users to view a preview of their .jpg, .png, gif, and gifv files, and might expand this feature to other file types in the future if it proves to be valuable based on user feedback.

Users can set files to be public or private, but only file owners can make changes. To make sharing public files simple, we have added a file sharing feature where a user can copy the URL to his/her clipboard and another user can view the file without signing in.

Links:

Xobpord Site: https://executed-response.github.io/xobpord/

API Repo on GitHub: https://github.com/executed-response/xobpord-api

Deployed API: https://xobpord-api.herokuapp.com/

Technologies Used:

• HTML
• CSS including Bootstrap 4
• JavaScript
• jQuery
• Handlebars.js
• Light Gallery
• Font Awesome
• jQuery Tags Input
• Moment.js
• Bootstrap Notify
• Clipboard

Planning and Strategy:

Our team was given the challenge of creating a file bucket. We began by determining team norms and general processes, followed by a discussion regarding how to approach the project. We wrote user stories using Trello, created wireframes, as well as an ERD. Here is the schedule we followed:

1. Basic setup of API template
2. Basic setup of browser template
3. Set up authentication and upload functionality on the backend and test via Postman
4. Add authentication functionality to client and test in browser
5. Add basic file upload, edit, and delete functionality to client and test in browser
6. Refactor file structure to enhance organization of code
7. Add additional features beyond basic requirements
8. Add styling and enhance user experience
9. Test all functionality end-to-end

As we came across difficult problems, we worked together as a team and used online resources to tackle them quickly. Pair programming proved to be highly effective when it came time to tackle complex issues, and it was especially valuable to understand how different developers might take various approaches in programming.

Future Fixes and Enhancements:

• Impose a total maximum file size limit for a user's account.
• Improve file structure and allow users to create folders.
• Add preview support for all file types.
• Allow users to assign collaborators for their files.
• Show progress bar when users are uploading files.

Wireframes:

https://i.imgur.com/Z3albtS.jpg

User Stories:

https://trello.com/b/KQicZWGR/project-3