Milestone 1 - Project Tracker App
Table of Contents
- Overview
- Product Spec
- Wireframes
- Sprint 1
- Sprint_2
Overview
Members
Brian Murphy- bmurdata
Albi Kozeli- albikozeli
Rahul Dhanapal - rahul-0008
Description
Empower users to track project progress, resources, photos, and milestones in one app. Users can reference these projects for future work, resume building, or personal achivement tracking.
App Evaluation
- Category: Productivity
- Mobile: Mobile allows for fast entry, . Camera is used to upload photos.
- Story: Allows users to track their project, see past work, and quickly access resources used. Users can link things as they see fit, enabling flexibility needed when working on one off projects. If a similar project is worked on six months later, the old one can be used to quickly find links and notes.
- Market: Workers working on ad hoc projects without defined structure. Students working on school work, or personal projects. New project managers who have yet to define their preferred style.
- Habit: Users can use this at work, school, or for personal project needs.
- Scope: Users should be able to title projects, provide description, and input tasks. This will link to a list of notes, a list of resources, and photos. Users should be able to add projects, tag them, add notes, add resources, and photos.
Product Spec
1. User Features (Required and Optional)
Required Features
- Create projects, with title, description, task list
- Allow users to create note logs for each project
- Allow users to upload paths to images stored on their phone
- Allow users to note resources used, descriptions, links, etc.
Stretch Features
- Allow users to tag items(school, work, personal, mobile, etc)
- Allow to tag notes with task completed(finished wireframe, finished login screen)
- Link images to Google Drive
- Have page with bookmarked projects
2. Screen Archetypes
- Project Stream
- Show list of projects
- Show name, date, etc
- Click on project for more details
- Project Detail
- Show details on project
- Have link to project logs, resources, and images
- Link to create images, resources, and notes for a project
- Note Log/Resource Stream
- Show list of notes, or resources
- Click to go to each item
- Image/ Note Log/Resource Detail
- Show Details associated with them
- Project Creation
- Have page to create a new project
- Image/ Note Log/Resource Creation
- Pages to create images, notes, and resources for a project
3. Navigation
Tab Navigation (Tab to Screen)
- List of projects
- Create project
- (stretch) bookmark project page
Flow Navigation (Screen to Screen)
- Project list
- Project details
- => Note log
- => Resource library
- => Create Note
- => Create resource
- Note log
- => Create note, add image etc
- Resource library
- => Create resource (links to StackOverFlow, etc.)
Wireframes
Hand drawn
[BONUS] Digital Wireframes & Mockups
Used Figma for both Wireframe and interactive mockup.
https://www.figma.com/file/wtoaPKGlrTgM4BkCsiD3sV/Project-Tracker--Full-Features?node-id=0%3A1
[BONUS] Interactive Prototype
https://www.figma.com/proto/wtoaPKGlrTgM4BkCsiD3sV/Project-Tracker--Full-Features?node-id=1%3A2&scaling=scale-down&page-id=0%3A1&starting-point-node-id=1%3A2
4. Sprint 1
User stories
- [x] Create local DB
- [ ] View Projects
- [ ] Add Project - inprogress
- [ ] Add Notes to project
- [ ] Add Resources to project
Progress Gif
4. Sprint_2
User stories
- [x] Create local DB
- [x] View Projects
- [x] Add Project
- [ ] Add Notes to project
- [x] Notes Layout files
- [ ] Add Resources to project
Progress Gif