Giter VIP home page Giter VIP logo

frontend-legacy's Introduction

Blinktrade Bitcoin Exchange

Technologies we are using

Install the pre-requesites

1 - Install Git, Ruby anda Java, in case you don't have them yet.

2 - Once installed these dependecies, open up the terminal and install Jekyll with the following commands.

$ gem install jekyll:2.5.3

2 - Install jekyll multiple languages plugin

$ gem install jekyll-multiple-languages-plugin:1.2.9

How to run the exchange locally

1 - Fork the repo

2 - Rename it to exchange or any name you wish. Let's use exchange for this example

3 - clone your new repo

$ git clone https://github.com/yourgithubusername/exchange
$ cd exchange

4 - Create a symbolic link to some _config.foxbit.yml files

$ ln -s _config.demo.yml _config.yml

5 - And finally run:

$ jekyll server --watch

You'll have access to the website at localhost:4000

How to run the exchange on github pages

1 - Make sure that you have node and npm installed.

2 - Install the node dependencies to deploy.

npm install

3 - Deploy with gulp $ gulp deploy and follows the prompt instructions.

4 - Open your browser and point it to http://yourgithubusername.github.io/exchange/

How build the javascript application

Only needed in case you changed the ./jsdev application.

Compile all Javascript

It will compile for all themes and languages.

./build_javascript.sh

Compile a specific theme or language

The defaults are US english (en_US) and the default theme ('default'), but can be overriden. To build the british english version with a custom theme:

$ cd ./jsdev 
$ LANG=en_GB THEME=custom sh build_release.sh

Browser Support

IE Chrome Firefox Opera Safari
IE 11+ ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔

File Structure

The file structure for the project is organized in the following way:

.
|-- _includes
|-- _layouts
|-- _posts
|-- _config.yml
|-- jsdev
  |-- bitex
  |-- closure-bootstrap
  |-- closure-library
  |-- externs
  |-- scottlogic/chart
  |-- tools
  |-- translations
  |-- uniform
  |-- build_release.sh
|-- themes
  |-- default
  |-- ander
|-- assets
|-- index.html

They're blocks of code used to generate the main page of the site (index.html).

Here you'll find the default template of the application.

Here you'll find a list of files for each post.

It stores most of the settings of the application.

The static html page

The google closure javascript application

Images, CSS, Compiled Javascripts, Fonts and all static content.

License

GNU GENERAL PUBLIC LICENSE © Blinktrade, Inc.

frontend-legacy's People

Contributors

anderson-juhasc avatar bitcoinland avatar cesardeazevedo avatar comquest avatar elias19r avatar jesobreira avatar mrstruck avatar pinhopro avatar pjz avatar ptrinh avatar schiavonxv avatar zaintariqs avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

frontend-legacy's Issues

Help with frontend

I would love to contribute to the project, and am having some trouble running the project locally, I get the following error.

Pro-de-Isaias:exchange isaiasantunes$ jekyll server --watch
Configuration file: none
Source: /Users/isaiasantunes/exchange
Destination: /Users/isaiasantunes/exchange/_site
Incremental build: enabled
Generating...
jekyll 3.0.0-beta1 | Error: undefined method `first' for nil:NilClass

Alterar paginação

Na última atualização, a paginação passou a ser 20 itens por página, mas isso é ruim e dificulta as operações de administrador.

Alterar para, no mínimo, 50 itens.

Documentation Fragmentation

The documentation for the frontend and the backend seem fragmented.

Could there be a wiki documenting the setup?

Thanks

Alterar cor do status Pré-Aprovado.

Na aba Depósitos, o status Pré-Aprovado está com a cor verde, o que confunde com o status Completado, que também é verde.

Sugestão: Alterar para Roxo, para dar um contraste com a cor Verde.

Atualmente:

Cor Cinza: Aguardando depósito;
Cor Laranja: Pendente;
Cor Azul: Em andamento;
Cor Verde: Completado;
Cor Verde: Pré-aprovado;
Cor Vermelho: Cancelado.

Adicionar Motivo de Negação para a Verificação de Cliente (Default)

Na verificação de clientes, é necessário ter alguma forma de notificação via email para o cliente saber porque o cadastro dele foi negado, semelhante ao cancelamento de saque/depósito.

Adicionar os seguintes motivos:

Documento de identidade ilegível;
Documento de identidade vencido;
Comprovante de residência vencido;
Comprovante de residência inválido;
Cadastro duplicado;
Menor de 16 anos;

debug build?

Is there a way to have a 'debug build' of the frontend? One where, for instance, the javascript isn't compiled into unreadability? How do you debug the frontend?

Dashboard para acompanhamento de métricas

Adicionar um Dashboard para informações como:

Quantidades de cadastros validados, Nivel 1, 2, 3 e Não validados.
Quantidade de depósitos no dia, de saques de reais.
Receita operacional do Mês, diária, e anual.
Volume intermediado no Mês e histórico.

Enfim informações de controles simples, mas que hoje só é conseguido através do Banco de dados bruto. Uma tela dashboard simples, basicamente controles operacionais.

Bloquear contas

Sempre tem algum usuário tentando aplicar golpe ou mandando documentos falsos e o meio para bloquear a conta destes é logando nas contas e bloqueando com 2fa, preciso que isso seja 1 clique, já bloquear acesso a conta direto da tela de cadastros, se ver que é um golpista em 1 clique ja bloquear o acesso. Afinal são golpistas não quero perder mais que 10 segundos com eles.

Replace "user" columns with "value" in the order book.

The order book currently holds the following columns:

  1. User: the user who issued the order
  2. Amount: the amount in the order
  3. Price: the price/bitcoin of the order

Since the names of the users are obfuscated to preserve anonymity anyways, I believe the entire column can be removed.

On the other hand, what would be helpful is a value column, that calculates the entire value of the order (determined by price * amount). Other exchanges such as Bitstamp, and Cex.io use the same three columns.

Was there a particular reason the user column was adopted in the first place?

Example

Instead of:

Buyer Amount Price
Bison_899010 2.15517241 ₨ 23200
Rat_899050 0.19000000 ₨ 22800
Rat_899050 0.01000000 ₨ 22451
Ema_899010 0.02601890 ₨ 22450
Rat_899050 0.10000000 ₨ 22410

Show:

Amount Price Value
2.15517241 ₨ 23200 ₨ 49999
0.19000000 ₨ 22800 ₨ 4332
0.01000000 ₨ 22451 ₨ 224
0.02601890 ₨ 22450 ₨ 584
0.10000000 ₨ 22410 ₨ 2241

Remover redes sociais no footer (Coinage)

Não é necessário ter as redes sociais no footer, acredito que isso só pesa e aumenta o tamanho da página, sem necessidade alguma, pois as mesmas informações estão no Site Institucional.

captura de tela 2016-04-11 as 20 52 17

Botão PRÓXIMO na verificação de cadastros

Ao verificar um cadastro, é necessário voltar ao Menu Cliente, clicar em Pendente e depois em Detalhes.

Seria muito mais rápido e prático um botão PRÓXIMO que levaria ao próximo cadastro pendente de verificação.

VBTC - Bank account info withdrawal reusability

Currently the users has to enter his bank account info every time again, when he is doing a Fiat withdrawal.

---> More effort for the user
---> Higher probability of mistakes = withdrawals will bounce back = additional work

Bank accounts should be reusable in this case.

Trocar o gráfico da aba Mercado para o TradingView (Todos).

O Gráfico da aba mercado não funciona muito bem, além de não ter filtro de data.

Adicionar o gráfico do TradingView no lugar e remover o Link Graphs do footer do tema Coinage.

Não faz sentido eu ter que sair da plataforma para abrir um gráfico.

Security enhancement

Require 2FA code/SMS/password/email token for:

  • Disable 2FA
  • Sending Bitcoin
  • Changing password
  • Changing email

Logout after more than 30 minutes idle

Add a thousands separator for price values

Currently, the order book displays prices without commas, which is tough on the eyes. Could you please add commas as thousands separator?

Instead of

Buyer Amount Price
Bison_899010 2.15517241 ₨ 23200
Rat_899050 0.19000000 ₨ 22800
Rat_899050 0.01000000 ₨ 22451
Ema_899010 0.02601890 ₨ 22450
Rat_899050 0.10000000 ₨ 22410

Show

Buyer Amount Price
Bison_899010 2.15517241 ₨ 23,200
Rat_899050 0.19000000 ₨ 22,800
Rat_899050 0.01000000 ₨ 22,451
Ema_899010 0.02601890 ₨ 22,450
Rat_899050 0.10000000 ₨ 22,410

Market

In market, when the context menu is opened and choosen Print option, the graph is reducedo to ~1/8 of its original size.

Email for withdrawal confirmation not working

This email is missing to the customers. The customer had to enable 2FA instead, in order to withdraw his money:
Confirm your order to withdraw |currency| |amount|

Also this email should be send to the customer instead of us:
"Thank you for submitting your information, we will be verifying your account shortly"

Alterar "Nome de usuário" na tela de Registro

Na tela de registro, os usuários confundem "Nome de Usuário" com "Nome Completo", causando um número de tickets desnecessários.

Sugiro alterar para Login, pois ai não dá pra confundir com Nome.

Campo para confirmação de email

Muitos usuários erram o email no momento do cadastro... erros de digitação mesmo, trocam gmail por gmal, hotmail por otmail, robson por rbson.

Creio que isso é devido a rapidez na digitação, mas pode - facilmente - ser resolvida por um campo para confirmação de email

Um campo abaixo do registro, com validação JS com o campo de cima, já resolveria o problema.

Isso é praxe de todo cadastro.

Minor translation issue

[18/9/15 10:40:45 am] Phil Trinh: Could you change this for me:
[18/9/15 10:40:46 am] Phil Trinh: https://api.blinktrade.com/get_deposit/?deposit_id=83dfbdc1df3c41d98033d50c5bfdea58
[18/9/15 10:40:55 am] Phil Trinh: trong việc nhận tiền gửi
[18/9/15 10:41:01 am] Phil Trinh: change to:
[18/9/15 10:41:36 am] Phil Trinh: vào phần ghi chú trên lệnh chuyển khoản.

Also could you make a space between the ":" character and the values? It looks more proper that way.

Alterar descrição do método de depósito Dinheiro na boca do Caixa/Lotérica

Retirar Lotérica do Método de Depósito, deixar somente Dinheiro na boca do caixa

Mudar as instruções:

  1. Vá até uma agência da Caixa.
  2. Faça um depósito identificado com seu CPF na seguinte conta:

Nome do Banco: Caixa Econômica Federal
Agência: 1205
Operação: 003
Número da Conta: 1510-7
Nome do titular da conta: FoxBit serviços digitais LTDA
CNPJ: 21.246.584/0001-50

3. Lembre-se de pedir para identificar seu depósito com seu CPF
4. Importante: Escreva o número de controle (405002668) no comprovante.
5. Tire uma foto do comprovante ao lado do seu documento de identificação.
6. Envie o comprovante pelo sistema.
7. Depósitos feitos sem envio o de comprovante não serão confirmadas.

A lotérica tem limite de R$1500, que esgota muito rápido, e muitos usuários vão pra depositar e acabam não podendo, o que causa um mal estar com a FOXBIT.

Modificar instrução para transferência de outros bancos

Alterar nome do método de Transferência via TED ou DOC para Outros Bancos.

Alterar descrição para:

  1. Abra o seu internet Banking.
  2. Inicie a transferência do tipo TED para a seguinte conta:
    Número do Banco: 237
    Nome do Banco: Banco Bradesco S/A
    Agência: 0008
    Número da Conta: 914-8
    Tipo de Conta: Corrente
    Nome do titular da conta: FoxBit Serviços Digitais LTDA
    CNPJ: 21.246.584/0001-50
  3. Tire uma foto ou um print screen do comprovante
  4. Importante: Escreva o número de controle (XXXX) no comprovante.
  5. Envie o comprovante pelo sistema.
  6. Depósitos feitos sem envio o de comprovante não serão confirmadas.

Isso visa a diminuir os erros de depósito para outros bancos (Bradescard, Bradesco BBI, etc), para conta Poupança e também visa evitar o uso de DOC, que é bem lento.

Show instant buy values exclusive of fees

Currently, If i want to buy, say, 208.51 bits, and I put in the order.
selection_029
I receive a net amount of 206.95 bits, after the fees have been deducted.
selection_030

The first few I bought coins, I was confused about why I didn't receive the amount I entered. I may be the only one, but I find the current approach a little confusing.

Bitstamp breaks down the buy so that you know the amount of Bitcoins you will receive in the end.
selection_031
However, the Bitstamp method is tedious, if I want a particular BTC value, I'll have to do a bit of trial and error by entering USD values, until I finally come upon the right one.

I propose that a view like the Bitstamp solution is adopted while keeping both the BTC and Fiat values editable like in the current Bitex ui.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.