heptacode / alive

A hackathon project that visualizes war and protest progress based on articles and keywords ๐Ÿ‘€

Home Page:https://alive.hyunwoo.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Alive

Alive โšก๏ธ

SKCS Hackathon Project

The topic of this hackathon was corporate social responsibility. Just as the COVID-19 QR code was made available to all Koreans on KakaoTalk, we thought that if the progress of the war, damage, and protest or protest articles were included on social media, people could be more interested in protests or wars. Based on the number of articles and keywords that come up in real time, we created a heat map that intensifies the dots on the map, and visualized the number of casualties caused by war and demonstrations so that information can be easily obtained.

Alive Alive

Tech Stack

Yarn Berry Vite TypeScript Vue Vuetify SCSS

Installation

  1. Install recommended VSCode extensions (.vscode/extensions.json)
  2. yarn set version berry
  3. yarn
  4. yarn dlx @yarnpkg/sdks vscode
  5. Press Ctrl(Cmd) + Shift + P in a TypeScript file
  6. Choose "Select TypeScript Version"
  7. Pick "Use Workspace Version"

Run a Live Development Server

  • yarn dev

Build Project

  • yarn build

Contributing

About

A hackathon project that visualizes war and protest progress based on articles and keywords ๐Ÿ‘€

https://alive.hyunwoo.dev


Languages

Language:TypeScript 52.8%Language:Vue 41.7%Language:JavaScript 4.4%Language:HTML 1.2%