Free Charts
项目背景
最近在使用图表网站时,发现许多都需要收费,因此萌生了自己做一个免费图表网站的想法。
不仅给自己做一个,也准备给大家做一个!
项目历程
经过两三周的努力,完成了一个图表网站。以下是技术栈的转变:
- 从 Vue3 CSR 转换到 Nuxt,再转到 Next.js,花费了不少时间。
 - 后端采用了 Nest.js + MongoDB + Redis。
 - 尽管 Next 和 Nuxt 可以开发后端,但是我已先完成了后端部分。
 
最终构建了:
- Nest.js 后端项目
 - Vue3 + Vuetify 前端
 - Nuxt + Vuetify 前端
 - Next.js + MUI 前端(首次使用 -》 最终选择)
 - 小程序(主要用于展示广告,赚取小费)
 - 简单的管理端
 
除了vue,其他的技术都是第一次用,现学现卖
总成本
- 阿里云服务器(2核4G5M带宽):199元
 - 小程序认证:30元
 
已完成功能
- 图表列表展示、详情、在线编辑、下载 HTML 代码
 - 地图功能
 - 用户模块
 
未来计划
- 完善地图功能,增加地图 demo,涵盖 Echarts 地图、GIS 等。
 - 开发 3D 可视化展示。
 - 接入 AI,生成 Vue、React 等框架代码。
 - 离线部署方案:可能使用 Next.js + SQLite,也可能采用 Golang 或 Rust 的独立环境部署。
 - 减轻用户负担。
 
图示展示
放一些图骗吧
PC端

小程序

后台

 
 


















