Skylarity

D3.js

D3.js is a JavaScript library for manipulating documents based on data. ^[source]

D3 allows the user to dynamically create and update content in a web browser by looping through a data set (or multiple) and applying data-driven styles and transformations to either DOM elements or an HTML5 canvas.

Canvas

Added in HTML5, the HTML element can be used to draw graphics via scripting in JavaScript. For example, it can be used to draw graphs, make photo compositions, create animations, or even do real-time video processing or rendering. ^[source]

Skylarity

Good UI/UX

• Reddit Sync - A third-party reddit mobile app
  • UI
    • Uses Google's Material Design design guidelines
    • Customizable layout and theme enables any user to browse the app in a way that is most intuitive to them
    • Automatic night mode changes the UI theme to a darker or black theme between sunset and sunrise
  • UX
    • Card layout provides news and entertainment in an easy-to-digest, concise manner
• Swipe interactions make switching between areas of the app super easy and intuitive

Skylarity

General

• Prettier

• Make sure there is a .prettierrc file in the project root

VS Code

• Install the Vetur extension
• Make sure that these settings are in your user settings:

Skylarity

General Plan

Project spin-up

Vue CLI

We use npx to initialize our project, because it downloads the latest version of the package you're using in order to ensure you're always up-to-date. This process may take several minutes.

npx @vue/cli create my-project