CryptoCoin: a digital wallet mockup for crypto coins Built using Vue.js and vuex

cryptoCoin – A digital wallet mockup for crypto coins.

About

cryptoCoin is a digital wallet mockup for crypto coins.

Built for educational purposes using Vue.js and vuex.
Currently the data stored in local storage with future plans to connect a backend using express and MongoDB.

The initial intention was to to built this project to only to learn the Vue.js framwork.
Later I have decided to also focus on the design aspect, and chose to go for the neon look and the shape of a cellphone display.

In order to give the look of a cellphone display the components and pages are all childrens of the Home component and that it the reason they are all placed inside the oval shape.

For the live data I used Binance.com websocket.
For the chart I used vue-chartjs (which retrieving data from the Binance websocket).
For the news I used Rapid api.

Main goals for cryptoCoin are:

  1. Adding more features to the app
    • Serving more then one coin ( currently only bitcoin).
    • Chart data filtered by type of coin.
    • Adding live candle chart.
    • Adding dashboard view.
  2. Keep working on the design (especially the logo)
  3. Adding the backend side of it using Node.js, express and MongoDB.
  4. Uploading it to Heroku.

Application Features

  • Openning screen with live data and live account balance.
  • Openning screen with latest transactions.
  • Send coins to recipients.
  • Creating, editing and removing of recipients.
  • Getting live data through line chart.
  • Getting latest news about crypto coins.

Technology stack

  • Vue.js with vuex.

How to clone?

git clone https://github.com/dkatorza/cryptocoin.git

Showcase

Live presentation

cryptocoin-pres.mp4


Login

Signup

Greeting

Contacts list

Contact details

Contact filter

Contact edit

Contact add

Live chart

Live News

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

GitHub

View Github