项目已经部署在Verce, 点击访问🌍
目前使用的Google OAuth 同意屏幕为测试版(提交的应用还没有通过审核,也不知道能不能通过审核😓),因此目前你无法使用你的Google账号进行登录。
如果你要完成登录, 请发邮件告诉我你的Google账号邮件,这样我就可以将你添加为测试用户了。
- 接入Google Oauth登录,自动刷新Access Token,实现了持久化登录
- 展示联系人列表
- 搜索联系人
- 创建标签
- 编辑标签
- 将联系人添加到标签
- 将联系人从标签中移除
- 删除标签
- 仅删除标签,不删除联系人
- 删除标签及关联此标签的联系人
- 联系人列表响应式设计
- 查看联系人详情
- 删除联系人
/api
托管在vercel的函数,用于处理Googl Oauth的相关工作/src
项目前端代码api
项目用到的相关APIcomponents
一些通用的组件views
项目中的页面types
数据的类型定义
/public
静态资源
项目为CSR应用,使用了React、TypeScript、TailwindCSS、recoil等进行开发,组件库为mui。
git clone https://github.com/aqeja/meow-contacts
为减少依赖安装过程中存在的问题,请尽量使用pnpm
安装依赖。
pnpm i
为确保登录顺利,请确保端口号为5173
npm run dev
在浏览器打开 http://localhost:5173/