app-desktop's People
app-desktop's Issues
Left-side Navigation Bar Label
Side Menu Drawer Labels: Connections, Events, Files...
Includes:
Relevant user story: User story
Visual component design: Figma file
Specifications:
Select Box(Dropdown)
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
Personal Cloud Service Option Box
Personal Cloud Service Container
Personal Cloud Service Container to be presented to the user on “Select Your Personal Cloud Service" -page, that is shown to the user after the registration User Story, where user is presented, and where user can compare provided cloud service options
Includes: "Select Button", Text Labels
Relevant user story: User story
Visual component design: Figma file
Specifications:
Note
Note in the form
The form has predefined fields to help the user fill out their information quicker. There is also a note to the user mentioning that they can auto populate this information by connecting various data sources (e.g. Facebook, LinkedIn, Google).
Includes: Text Field
Relevant user story: https://docs.google.com/document/d/1J5iiOgJnjcFXOFnN11Ra7lGb-JSI9clSLA899GNJC3o/edit#
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
Progress Bar
Progress Bar
There is an anchored progress that allows the user to see the file upload process (e.g. duration, how much of the file has uploaded). During this upload the user can continue to do other tasks and return to this progress bar.
Includes: Progress bar
Relevant user story: https://docs.google.com/document/d/12GXNUdyK75S2Kdvh-wN2kQ6SBNJj5bIZpWDn-8Xkc6s/edit
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
Notification Card
Notification Card
They are shown a ‘notification indicator’ for one new notification, on top of their avatar, for the first notification message.
User chooses where they will navigate next
The user can choose to open a preinstalled application, view notification(s), modify account settings...
Includes:
Relevant user story: User Story
Visual component design: Figma file
Specifications:
HTML Template for System Messages
Password Reset Page
Password Reset React Page
Create Password Reset React Page
This is a page for user password reset.
This includes five form components with username, email, email verification, password reset, reset confirm components.
Each components were built with React function using React material UI.
Includes Components: Email.js / VerificationEmail.js / NewPassword.js / ResetConfirm.js / ResetDescription.js
Storybook draft documentation: https://docs.google.com/document/d/1LYFpVsRkH5VCHaCqYnYTzr0swspxngJaQov4qQTbYOg/edit
Visual component design: "Password Reset"
https://www.figma.com/file/fS9gcgUb0KShgtZ3XIYQqY/Production-Version-Software-Development?node-id=869%3A0
public documentation pages for Personal data cloud data model
More details here: https://whimsical.com/PJACqp6bM9KyVpgQ64Tyy2
Left-side Navigation Bar Link
Includes: Button with text and icon
Relevant user story: User story
Visual component design: Figma file
Specifications:
Personal Cloud Service Terms Text Component
Personal Cloud Service Terms Text Component
Personal Cloud Service Terms Text
Includes: Text Labels
Relevant user story: https://docs.google.com/document/d/148Oh7AnmXeJ-IBpVWqSGH7jgRo9wNLOjXBnUXeJ9tvg/edit?ts=5f87335e#heading=h.o6do42inilxx
Visual component design: https://www.figma.com/file/fS9gcgUb0KShgtZ3XIYQqY/Production-Version-Software-Development?node-id=1686%3A15551
Specifications:
Input Form Field
Console Landing Page Prompt Component
The form has predefined fields to help the user fill out their information quicker. There is also a note to the user mentioning that they can auto populate this information by connecting various data sources (e.g. Facebook, LinkedIn, Google).
Includes: Input Field, Note
Relevant user story: https://docs.google.com/document/d/1J5iiOgJnjcFXOFnN11Ra7lGb-JSI9clSLA899GNJC3o/edit#
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
Data Sources Platform Icon/Text Field
Data Sources Platform Icon/Text Field
Should it have Icons of the Platforms or just Names in Text Field ?
On top of being able to see what the user has connected to, they should be shown the option to disconnect their data source(s).
Includes: Text Fields, Icon
Relevant user story: https://docs.google.com/document/d/1Uy4hmT6uwvXpjJnWD-QS7hkNKKU2mf-eYmjh1av-uzA/edit#heading=h.8fod4q1wptal
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
Version 0.1 of personal data cloud data model UML
UML visualisation using whimsical:
https://whimsical.com/LCvJJ4qz3N1og9Rk9CGiXW
Password Reset Page Building
Documented details of Version 0.1 personal data cloud data model
Table View
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
Left-side Navigation Bar Icon
Left-side Navigation Bar icons : Prifina, Dashboard, Cloud, Search
Includes:
Relevant user story: User story
Visual component design: Figma file
Specifications:
Search InputBox
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
Application Icon
Application Icon
Home Screen Icons (Data Console, Account Settings...) that also can appear in other places like User Menu/Recent apps
Includes:
Relevant user story: User Story
Visual component design: Figma file
Specifications:
Left-side Navigation Bar Icons
Side Menu Drawer Icons
Includes: Prifina, Cloud, Search, Dashboard* Icons...
Relevant user story: https://docs.google.com/document/d/12GXNUdyK75S2Kdvh-wN2kQ6SBNJj5bIZpWDn-8Xkc6s/edit
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
Personal Cloud Service Page
Personal Cloud Service Page
Includes: Text Fields, Personal Cloud Service Option Containers
Relevant user story: User story
Visual component design: Figma file
Specifications:
App Button Color
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
App title is missing
Prifina Alpha App - Liberty. Equality. Data.
Right Side Complete Section
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
App description fields missing
Should be:
"site description"= The first and only platform to build personal apps where data and apps are separated. Users retain control of their data.
"meta keywords"= data, api, personal data, personal apps, privacy, gdpr, ccpa,
Browse Apps Back Link
Page Name : Dashboard UI Concept (1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A700)
Console Landing Page Prompt Button
Console Landing Page Prompt Buttons
The form doesn’t have to be filled out in one sitting: The user can save the form and return to it later. In the initial form screen, there are 3 tabs that indicate the various progress levels of forms. The 3 tabs are: new forms, in progress forms, and completed forms.
Includes: Save Button
Relevant user story: https://docs.google.com/document/d/1J5iiOgJnjcFXOFnN11Ra7lGb-JSI9clSLA899GNJC3o/edit#
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
Personal cloud data model versioning process flow.
Visualisation and documentation. More details here: https://whimsical.com/PJACqp6bM9KyVpgQ64Tyy2
Console App Icon
App icon of the Console App
Includes: Icon, Text Label
Relevant user story: https://docs.google.com/document/d/12GXNUdyK75S2Kdvh-wN2kQ6SBNJj5bIZpWDn-8Xkc6s/edit
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
Left Side Bar
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
Prifina Logo
Prifina Logo Component
Prifina logo
Includes: Prifina Logo
Relevant user story: User Story
Visual component design: Figma file
Specifications:
Left-side Navigation Bar
Side Menu Drawer Element which opens on Prifina Icon
Includes: Icons, Labels, Back Home Button
Relevant user story: User story
Visual component design: Figma file
Specifications:
Home Page
Home Page
Users Story Task Flow (also known as User Journey)
- User enters home screen with ‘pre installed apps’ and ‘user menu’
- User chooses where they will navigate next
Includes: "Pre-installed" App icons and "User Menu"
Relevant user story: User Story
Visual component design: Figma file
Specifications:
Version 0.1 of the prifina service data model
Master document for data model working:
https://whimsical.com/A5VGi3NGUHyzzNxtTUFtqk
Console Landing Page Prompt Component
Console Landing Page Prompt Component
The console’s landing page will always have a prompt that “nudges” the user to fill out their information in this predefined form.
Includes: Text Fields, Input Fields, Buttons, Tabs
Relevant user story: User story
Visual component design: Figma file
Specifications:
Profile Icon in User Menu
Profile Icon in Profile Side Menu Drawer
Includes:
Relevant user story: User story
Visual component design: Figma file
Specifications:
Left Child Side Bar
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
Combine(Left Sidebar, Right Section)
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
User Menu
Profile Side Menu Drawer Element
From User menu user can navigate to:
Notifications
Previous applications
Back to home screen
Logout
Includes: Notification Card, User Menu Icons (Home, Recent, Logout, Notifications), Profile Avatar
Relevant user story: User Story
Visual component design: Figma file
Specifications:
Update favicon on app
Home Page
Home Page
Home page of the Prifina web app
Includes: Prifina Logo, Navigation Cards, Search Icon, Avatar Icon
Relevant user story: https://docs.google.com/document/d/12GXNUdyK75S2Kdvh-wN2kQ6SBNJj5bIZpWDn-8Xkc6s/edit
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
Header
Page Name : Dashboard UI Concept (1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A700)
Left Side Complete Section
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
Navigation Cards
Navigation Cards on the home page
Includes: All, Data Profile apps, Data Widgets, Local Data Apps
Relevant user story: https://docs.google.com/document/d/12GXNUdyK75S2Kdvh-wN2kQ6SBNJj5bIZpWDn-8Xkc6s/edit
Visual component design: https://www.figma.com/file/9z7bqVLQmFmas2OsNUIAn6/Prifina-Core-Navigation-(Copy)?node-id=957%3A4044
Specifications:
User Icon
User Menu Icon
User menu icons (Home, Recent, Sign out, Notifications)
Includes:
Relevant user story: User Story
Visual component design: Figma file
Specifications:
Right Selection Tab View
Page Name: Console UI concept(1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A850)
Center Div for Search Box
Page Name : Dashboard UI Concept (1) (https://www.figma.com/file/liwrg2buYcx1qeBVNuxfQh/Prifina-UI-ReStyle-(Copy)?node-id=183%3A700)
Personal Cloud Service Terms Buttons
Personal Cloud Service Terms Buttons
Personal Cloud Service Terms Buttons
Includes: Accept and Decline Buttons
Relevant user story: User story
Visual component design: Figma file
Specifications:
Personal Cloud Service Terms Box
Personal Cloud Service Terms Container
Terms to show after user chooses Personal Cloud Service Option
Includes: Terms of use container, Accept and Decline Buttons
Relevant user story: User story
Visual component design: Figma file
Specifications:
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.