开发一个免费的图表网站 Free Charts

admin2024-08-24  18

Free Charts

项目背景

最近在使用图表网站时,发现许多都需要收费,因此萌生了自己做一个免费图表网站的想法。

项目历程

经过两三周的努力,完成了一个图表网站。以下是技术栈的转变:

  • 从 Vue3 CSR 转换到 Nuxt,再转到 Next.js,花费了不少时间。
  • 后端采用了 Nest.js + MongoDB + Redis。
  • 尽管 Next 和 Nuxt 可以开发后端,但是我已先完成了后端部分。

最终构建了:

  • Nest.js 后端项目
  • Vue3 + Vuetify 前端
  • Nuxt + Vuetify 前端
  • Next.js + MUI 前端(首次使用 -》 最终选择)
  • 小程序(主要用于展示广告,赚取小费)
  • 简单的管理端

总成本

  • 阿里云服务器(2核4G5M带宽):199元
  • 小程序认证:30元

已完成功能

  1. 图表列表展示、详情、在线编辑、下载 HTML 代码
  2. 地图功能
  3. 用户模块

未来计划

  1. 完善地图功能,增加地图 demo,涵盖 Echarts 地图、GIS 等。
  2. 开发 3D 可视化展示。
  3. 接入 AI,生成 Vue、React 等框架代码。
  4. 离线部署方案:可能使用 Next.js + SQLite,也可能采用 Golang 或 Rust 的独立环境部署。
  5. 减轻用户负担。

图示展示

放一些图骗吧

PC端

开发一个免费的图表网站 Free Charts,请添加图片描述,第1张

小程序

开发一个免费的图表网站 Free Charts,请添加图片描述,第2张

后台

开发一个免费的图表网站 Free Charts,请添加图片描述,第3张
开发一个免费的图表网站 Free Charts,请添加图片描述,第4张
开发一个免费的图表网站 Free Charts,请添加图片描述,第5张

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!