文件名称:城市跟踪器:跟踪您访问过,想要访问的城市,收藏夹或添加自己的类别,并创建自己的世界地图!
文件大小:5.39MB
文件格式:ZIP
更新时间:2024-03-01 17:12:05
TypeScript
Wander Tracker是一个使用MERN构建的Next.js网站,用于跟踪您最喜欢的城市以及您曾经访问过或想要访问的所有城市。 演示版 添加城市(动画) 全图 新增城市 删除城市 产品特点 使用您的Google帐户登录,在三个类别(“访问”,“访问”,“收藏夹”)中分别添加或删除城市,并用自己的生活经历填写地图。 将鼠标悬停在图钉上,以查看城市的名称和国家/地区。 我设计这个项目是为了练习新技术,展示自己的才能,并主要供个人使用并与世界分享。 使用的技术 基本的 React.js Next.js Node.js NPM Axios 款式 材质用户界面 数据库 MongoDB MongoDB地图集 认证方式 下次验证 额外 React简单的地图 ReactGoogle Places自动完成 路线图/未来功能 标记为“访问”时自动从“访问”中删除城市,反之亦然 添加自定义类别
【文件预览】:
city-tracker-main
----.eslintrc.json(1KB)
----.gitignore(423B)
----components()
--------Map.tsx(4KB)
--------Sidebar()
--------index.ts(368B)
--------types.ts(1KB)
--------Loading.tsx(539B)
----package.json(932B)
----package-lock.json(323KB)
----LICENSE(34KB)
----public()
--------gifREADME.gif(5.28MB)
--------vercel.svg(1KB)
--------logo.png(111KB)
--------favicon.ico(111KB)
----tsconfig.json(533B)
----.prettierrc.json(151B)
----utils()
--------database()
----README.md(2KB)
----next-env.d.ts(75B)
----styles()
--------globals.css(370B)
----pages()
--------api()
--------privacy.tsx(21KB)
--------main.tsx(2KB)
--------index.tsx(1KB)
--------_app.tsx(314B)