前端工程師職缺 資料視覺化Visualization of job opening data for front-end engineers
By Pitt Wu前端工程師(Frontend De...
Translated by GoogleShow original (zh-TW)
前端工程師職缺 資料視覺化(React)
---
部署網址：https://frontend-jobs-datavision.netlify.app/
---
# 使用技術
- React、React Router、React Hooks
- 爬蟲、Node、puppeteer、cheerio
- styled-components
- Chart.js
# 資料來源(爬蟲)
- 104
- Cakeresume
# 目前已完成項目(雙平台資料數量對比)
- 地區職缺數長條圖
- 待遇透明度結構圓餅圖
- 月薪、年薪範圍中位數長條圖
- 月薪、年薪範圍眾數長條圖
- 月薪上下限職缺數折線圖
- 年薪上下限職缺數折線圖
# To do
- Refactor 月、年薪的整理方式
- Refactor 爬蟲取資料的寫法
- 針對 cakeresume 部分職缺，考慮如何加入不同幣別
Visualization of job opening data for front-end engineers (React)
---
Deployment URL: https://frontend-jobs-datavision.netlify.app/
---
# Use technology
-React, React Router, React Hooks
-Crawler, Node, puppeteer, cheerio
-styled-components
-Chart.js
# Data source (crawler)
-104
-Cakeresume
# Currently completed projects (comparison of the amount of data on dual platforms)
-Bar graph of the number of job vacancies by region
-Treatment transparency structure pie chart
-Monthly salary, annual salary range median bar graph
-Monthly salary, annual salary range mode bar graph
-Line chart of monthly salary, upper and lower limit of job vacancies
-Line chart of annual salary, upper and lower limit of job vacancies
# To do
-How to organize Refactor monthly and annual salary
-Refactor crawler how to write data
-Consider how to add different currencies for some of the vacancies in cakeresume
