推出 Journey - 一款用于追踪招聘信息的应用程序

2025-06-10

推出 Journey - 一款用于追踪招聘信息的应用程序

替代文本

最近我帮助了不少人找工作,并注意到一个趋势。当你申请大量职位,而且每家公司都要求你完成家庭作业、面试等等时,追踪你的求职进度真的很难。我还帮助那些刚接触开发的新人使用 React 和 AWS Amplify,以便他们能够快速积累构建功能齐全的应用程序的经验,并希望同时提升他们的知识和信心。

这就是我开发 Journey 的原因。它足够小巧,操作起来相对容易,而且它的功能也希望对很多人有用。

它的作用

Journey 允许您追踪您感兴趣的职位列表,并提供以下功能:

  • 📝 使用 Markdown 记笔记
  • ❤️ 添加收藏
  • 👮‍ 已认证
  • 🔥 无服务器后端
  • 🚀 GraphQL
  • 💻几分钟内部署后端

工作原理

该应用程序的代码位于此处

在项目中,您会注意到一个名为 的文件夹amplify。此文件夹包含可在任何人的帐户中重新部署的应用后端。在该amplify文件夹中,您会看到一个backend文件夹。在此文件夹中,您将看到两个主要功能的配置:

  • 身份验证服务(由 Amazon Cognito 提供支持)
  • GraphQL API(使用 AWS AppSync 构建)

在该backend/api文件夹中,您将看到 GraphQL API 配置以及基本GraphQL Schema

这是基础的 GraphQL Schema。你会看到基础 Schema 如下所示:

type Listing @model @auth(rules: [{ allow: owner }]) {
  id: ID!
  title: String!
  company: String!
  url: String!
  status: Status!
  favorite: Boolean!
  notes: String
  relatedDate: String
  contactName: String
  contactEmail: String
  contactPhoneNumber: String
  createdAt: String
  updatedAt: String
}

enum Status {
  APPLIED
  TRACKING
  INTERVIEWING
  TAKE_HOME_ASSIGNMENT
}
Enter fullscreen mode Exit fullscreen mode

如果您以前从未使用过 Amplify,您可能不知道该指令。它们是Amplify CLI 的GraphQL Transform@model库的一部分。

@model - 使用此指令装饰任何基本类型以获取 CRUD 和列表查询和变异定义、DynamoDB 表以及为 GraphQL 操作创建的解析器。

部署应用程序

该应用可以配置为仅供一人使用,也可以允许任何人注册并使用该应用。请务必仔细阅读说明,因为共享应用的某些操作略有不同。

如果您参加训练营或希望其他人在求职时使用此应用程序,那么共享实例是一个不错的选择。

部署后端并运行应用程序

克隆 repo 并安装依赖项

~ git clone https://github.com/kkemple/journey.git
~ cd journey
~ npm install
Enter fullscreen mode Exit fullscreen mode

初始化并部署 Amplify 项目

~ amplify init
? Enter a name for the environment: dev (or whatever you would like to call this env)
? Choose your default editor: <YOUR_EDITOR_OF_CHOICE>
? Do you want to use an AWS profile? Y
~ amplify push
? Are you sure you want to continue? Y
? Do you want to generate code for your newly created GraphQL API? N
> We already have the GraphQL code generated for this project, so generating it here is not necessary.
Enter fullscreen mode Exit fullscreen mode

添加一个用户供您登录(如果您计划为多个用户托管并允许注册,请跳过此步骤)

~ amplify auth console

> user pool
Enter fullscreen mode Exit fullscreen mode

在“用户和组”选项卡下,点击“创建用户”。取消勾选“是否向该新用户发送邀请?”复选框,并输入必要的属性,然后点击“创建用户”。

启动应用程序并登录

~ yarn start
Enter fullscreen mode Exit fullscreen mode

应用程序启动后,请输入您在上一步中使用的用户名和密码。系统将提示您更改密码。

部署前端

使用你选择的 git 服务创建一个新的存储库

将项目推送到新的存储库

~ git remote add origin <your_new_repository>
~ git push --set-upstream master
Enter fullscreen mode Exit fullscreen mode

连接到AWS Amplify 控制台并等待构建开始。您将获得一个生产 URL,然后就可以跟踪您的作业列表了!

如果您希望允许用户注册并使用此应用程序,请选择要shared在 Amplify Console 中连接的分支,否则使用master

自定义 GraphQL 架构

此架构可编辑。如果您需要其他字段,可以通过执行以下操作来更新后端:

更新模式(位于 amplify/backend/api/jobassist/schema.graphql)。

重新部署后端

amplify push
Enter fullscreen mode Exit fullscreen mode

如果您或您认识的任何人需要帮助来启动和运行此应用程序,请通过Twitter与我联系,我很乐意提供帮助!

鏂囩珷鏉ユ簮锛�https://dev.to/theworstdev/introducing-journey-an-app-for-tracking-job-listings-3pa4
PREV
✨ 适合每个开发人员的 5 款有用的生产力应用程序!
NEXT
推出 Gweather - 一款带有 Gif 的微型天气应用程序!