jplattus/timining-test

TI Mining Test for job: Front End Developer

TI Mining Test - Jean Pierre Lattus

This is a project created with Vue.js as a frontend framework that use API REST and Websockets from TI Mining servers to render device performance and statuses. It will be used to help TI Mining HR selection process to evaluate the job applicant Jean Pierre Lattus for Front-End Developer position. You can got to demo deployed in AWS at this link.

Prerequisites

• Your prefered browser
• npm (tested with v6.14)
• node (tested with v14.4.0)

Main technologies and libraries used in this project

• Vue.js: Javascrypt framework
• Vue-cli3: Standard Tooling for Vue.js Development
• Vue-router: Routing. Helps to integrates the Vue.js core to build Single Page Applications
• Axios: Promise based HTTP client for the browser and node.js
• Vuex: It serves as a centralized store for all the Vue components in an application
• Vue-chart.js: Easy and beautiful charts with Chart.js and Vue.js.
• CoreUI Pro: Bootstrap Admin Template
• Boostrap4: The world's most popular framework for building responsive, mobile-first sites.
• Bootstrap-Vue: Integration with bootstrap4 and Vue.js
• Websockets: Computer communications protocol
• AWS(S3): For deployment
• And of course Javascript, HTML and CSS

Installation

# clone the repo
$ git clone https://github.com/jplattus/timining-test.git timining-test

# go into app's directory
$ cd timining-test

# install app's dependencies
$ npm install

Usage

# serve with hot reload at localhost:8080
npm run serve

# build for production with minification
npm run build

Files tree (provided by CoreUI template)

timining-test/
├── public/              # pure static assets (directly copied)
│   └── index.html           # index.html template
├── src/                 # project root
│   ├── assets/                 # module assets (processed by webpack)
│   │   └── scss/               # user styles
│   ├── containers/             # ui containers
│   ├── router/                 # routing
│   ├── views/                  # ui views
│   ├── App.vue                 # main app component
│   └── main.js                 # app entry file
├── .eslintrc.js         # eslint config
├── .gitignore           # defaults for gitignore
├── .postcssrc.js        # postcss config
├── README.md
├── babel.config.js      # babel config
├── jest.config.js       # jest config
├── vue.config.js        # vue-cli config
└── package.json         # build scripts and dependencies

Creator

Jean Pierre Lattus

• LinkedIn
• GitHub (Not much interesting public repos to see)