bitshares / bitshares-community-ui Goto Github PK
View Code? Open in Web Editor NEW[Worker Proposal] Light and 100% Responsive, BitShares Community DEX/UI - based on Vue.js Framework
License: MIT License
[Worker Proposal] Light and 100% Responsive, BitShares Community DEX/UI - based on Vue.js Framework
License: MIT License
Initial setup (vuex, router, libs)
Add SVG Icon component to the project
https://github.com/MMF-FE/vue-svgicon
For feature/bug etc
https://blog.github.com/2018-05-02-issue-template-improvements/
Setup sass variables files for commonly used styles (colors, fonts, paddings), light/dark themes should be available.
Provide a user-friendly interface to track markets performance stats in minimised and expanded views
Cornerstone element of the entire UI. Tool to create orders, both simple to use and powerful to tune order details: market or limit price orders, manual or percentage input of order volume, automatically calculates USD equivalent price and total value.
Problem: currently most of the bitshares users are confused which account type / security method to choose
Goal: create a user-friendly UI to make it easy to utilize all signup/login methods available at bitshares:
Up to the 4 optional tabs
<slot>
's for tabs contentUPD
For styling:
Use Components/Button.vue
Styling - use tailwind classes
Should receive props & display accordingly:
Should $emit 'click' event on click
Should have Styleguidist Button doc with examples
Covered by jest unit-tests
Prevents pushing code that doesn't pass tests
Using keyfile/brainkey
Use vuex-bitshares for this, see trusty-vue-ui for example auth.
Use Login.vue for examples
We need a pack of svg icons you use in mockups either in zeplin project or uploaded somewhere
Change 'vuex-bitshares' submodule repo adresss to https://github.com/bitshares/vuex-bitshares
and update setup docs
Clean and simple UI with the list of all buy and sell orders, with visual representation of orders volume at each price level, ability to change price step, minimised and expanded versions
Need mobile/desktop versions & behaviour specifications
We'll need ability to deploy to staging and production, as well as separate branch deploys.
Use Components/Input.vue
Should receive props & display accordingly:
Should $emit 'input' event on change
Need desktop/mobile design
See Zeplin for design
Should we make an app blocked from unauthorized user? So basically the user is redirected to login page if he is not authorized. Or the user always has access to main dashboard, and authorization provides additional features to him
Could you please enable issues in https://github.com/bitshares/vuex-bitshares repo? Because creating issues in the repo for another repo will get confusing.
It's a checkbox under the "settings" menu in repo page
Can we use zeplin for design layouts? Would be so much more convinient.
That has Header, Body and Footer @ all with tailwindcss classes
Widget (Card
) with user's transactions history. Should be placed into Dashboard
component.
Some vuex-bitshares dependencies are outdated which sometimes causes crash when cloning project
Create Header View component
https://github.com/TrustyFund/vuex-bitshares
Create separate branch in it named "bitshares-community-ui"
Portfolio is a widget that should display a basic table with asset names and token amount information. Take into account that additional columns will be added in future. Create Portfolio
and PortfolioItem
components. This task is for markup only. Portfolio card should be placed in the Dashboard
component. Use mock data for display.
Use it on Brainkey login screen
Add it to Header
Should Have a User icon and logged in username next to it.
Create documentation guide for developers, which covers dev process, project structure, used libraries, common practices
A modal that is displayed to backup user's brainkey
Detailed descripion and vuex actions/getters will be provided later
Guys, what do you think if we got another branch for current development works (dev
) that could be supervised by me and @youaresofunny, as we gonna accept PRs into it with work for current issues. And that dev
branch would be merged into staging
once every other week or so (aka our internal release) with your reviews? Basically we gonna ship PRs to staging in a batch. I think that would be convenient for everybody involved.
Create BitShares connection indicator component. Should look like small green circle when connected to bitshares, red when disconnected. Place it in the Main.vue component
Please provide team members access to bitshares/vuex-bitshares repo & give me and @youaresofunny admin rights in it ๐ค
This is the UI component that is gonna be used as a container for all dashboard items.
<slot>
title
as a propResponsive layout for widgets inside the Dashboard
Initialize bitshares connection
Use vuex-bitshares "Connection" module for it. Create init
action in theapp
vuex module, that should dispatch connection action.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.