idea2app / idea2app.github.io Goto Github PK

View Code? Open in Web Editor NEW

4.0 4.0 5.0 16.43 MB

idea2app 团队官方网站

Home Page: https://idea2.app

TypeScript 92.05% JavaScript 3.65% Shell 0.30% Less 1.89% Dockerfile 2.10%

idea2app.github.io's Issues

客户案例页

主页（团队概览）

联系我们页

联系方式

邮箱
手机
微信二维码
表单

Footer

copyright
nav link
social media link
#47

加快首页渲染速度

使用 Next.js Data Fetching: Incremental Static Regeneration | Next.js
使用 Next.js 支持 mobx-i18n path Routing: Internationalization | Next.js
cache() middleware Next SSR middleware

移动端左右滚动条

进入主页后会有左右滑动的活动条

测试设备：

iPhone Xs （Safari）
Xiaomi Redmi K40 （Via）
移动端添加左右边距

成员列表优化

多色标签

idea2app.github.io/components/Project/Card.tsx

Line 39 in 78d6f7e

bg={text2color(value, ['light'])}

必填字段

昵称
职位
简介
技能

https://github.com/kaiyuanshe/kaiyuanshe.github.io/blob/07375ad047427f96ccd314fb7f35ddba09cd7927/models/Agenda.ts#L27

首页摘要

idea2app.github.io/pages/index.tsx

Lines 81 to 91 in 78d6f7e

 <section> 

 <h2 className="my-5 text-center">{t('open_source_project')}</h2> 

 <GitListLayout defaultData={repositories} /> 

 <footer className="text-center mt-5"> 

 <Button variant="outline-primary" size="sm" href="/open-source"> 

 {t('load_more')} 

 </Button> 

 </footer> 

 </section>

成员简介页

每人填写：https://gitconnected.com/
导出 API：https://tech-query.me/development/structured-resume-data/#toc-heading-7
渲染页面

团队发展史

从团队之初发展到现在，经历的种种（找人、洽谈、做项目...），照片以及事件。

开源生态页

展示 @idea2app Template 类型的仓库

甲方云服务商账号关联

email link

配置飞书邮箱 DNS
收集邮箱别名表单

合作伙伴，部分图片获取失败

飞书 API 调用限制

成员招募页

主要内容

我们是怎样的团队

先明确了「只工作，不上班」的工作模式、生活方式，再自由探索业务方向
主动跳出内卷、996
遵循「懒人共识」的高效**管理模式 —— 主动者做决定

我们欢迎怎样的人

具备主观能动性 —— 自主管理，所以轻量化管理，而非 轻视管理
具备常识与逻辑
认同自由、开放、平等的价值观

JavaScript 工程师

获得 freeCodeCamp JavaScript 全栈相关证书

Python 工程师

获得 freeCodeCamp Python 数据处理相关证书

界面细节优化

说明

这个 issue 内可以提出在使用过程中 UI 的问题

待优化

导航栏文字添加响应式断点

产品原型渲染页

桌面端：用自研超级表格组件渲染每个模型
移动端：卡片列表页、详情页、编辑页

支持分享给 PWA 文件

媒体报道页

各类媒体对团队及成员的报道、宣传汇总

甲方一键需求评估

可选资料

软件系统名 + 纯文本描述
Word、Excel、PPT 或 PDF 文档

成员列表（主页 + 专页）

后端接口

数据源

https://idea2app.feishu.cn/base/bascnFeH8Q37XWX0LLlBB9ojQzf?table=tblJ98JHGEX0o6ij&view=vewV7jECXV

模型参考

https://github.com/idea2app/idea2app.github.io/blob/main/models/Project.ts

前端界面

设计参考

https://ideapp.dev/?section=members

代码参考

静态结构

idea2app.github.io/src/page/Home.tsx

Lines 111 to 130 in cc0cd20

 <Section 

 id="members" 

 title="核心成员" 

 summary="小而美、自下而上生长的学习型团队" 

 > 

 <ul className="list-unstyled row mt-5"> 

 {members.map(({ name, GitHub, position, summary }) => ( 

 <MediaObject 

 key={name} 

 className="col-12 col-md-6 mb-3" 

 listItem 

 image={`https://github.com/${GitHub}.png`} 

 title={name} 

 > 

 <h4 className="text-muted">{position}</h4> 

 <p className="text-muted">{summary}</p> 

 </MediaObject> 

 ))} 

 </ul> 

 </Section>

滚动列表

https://github.com/idea2app/idea2app.github.io/blob/main/components/Project/index.tsx

	<section>
	<h2 className="my-5 text-center">{t('open_source_project')}</h2>

	<GitListLayout defaultData={repositories} />

	<footer className="text-center mt-5">
	<Button variant="outline-primary" size="sm" href="/open-source">
	{t('load_more')}
	</Button>
	</footer>
	</section>

	<Section
	id="members"
	title="核心成员"
	summary="小而美、自下而上生长的学习型团队"
	>
	<ul className="list-unstyled row mt-5">
	{members.map(({ name, GitHub, position, summary }) => (
	<MediaObject
	key={name}
	className="col-12 col-md-6 mb-3"
	listItem
	image={`https://github.com/${GitHub}.png`}
	title={name}
	>
	<h4 className="text-muted">{position}</h4>
	<p className="text-muted">{summary}</p>
	</MediaObject>
	))}
	</ul>
	</Section>