How cheplop/hireflow works
HireFlow is an Expo mobile job-seeking app. Its principal user flow is sign-in or account setup, browsing local sample listings, and opening a listing’s details; the details screen currently presents an application action without submitting or persisting an application. A separate posts area uses a context provider for remote CRUD against DummyJSON. The map includes the documented onboarding stages and application/profile tabs, but their unsampled behavior is not inferred beyond the available route structure and references.
Main entry points: PrimaryButton.js Primary button · HomeScreen.js Job listing feed · index.js Sign-in · JobDetailsScreen.js Job details
Components 23
Account setup
- Sign-in
app/index.js - Account registration
app/registration/index.js - Basic information
app/registration/basicInformation.js - Birth date
app/registration/birthDate.js - Education
app/registration/educationalBackground.js - Work experience
app/registration/workExperience.js - Profile setup
app/registration/setupProfile.js
Job discovery
- Job listing feed
screens/HomeScreen.js - Sample job data
data/jobs.js - Listing card
components/ApplyCard.js - Job details
screens/JobDetailsScreen.js - Details card
components/JobDetailsCard.js
Applications and profile
- Applications tab
screens/ApplicationScreen.js - Application card
components/ApplicationsCard.js - Profile tab
app/(tabs)/profile.js
Posts feature
- Posts feed
app/(tabs)/posts/index.js - Post detail
app/(tabs)/posts/[id]/index.js - Posts state and CRUD
contexts/PostsContext.js
Shared UI
- Input control
components/AuthInput.js - Primary button
components/PrimaryButton.js - Theme tokens
styles/theme.js
Other components
- Job seeker
- DummyJSON API
Connections 36
- Job seeker → Sign-in: opens app
README.md - Sign-in → Job listing feed: routes on success
app/index.js - Sign-in → Account registration: links to
app/index.js - Account registration → Basic information: continues to
app/registration/index.js - Job seeker → Account registration: creates account
README.md - Basic information → Input control: renders
app/registration/basicInformation.js - Basic information → Primary button: renders
app/registration/basicInformation.js - Birth date → Input control: renders
app/registration/birthDate.js - Birth date → Primary button: renders
app/registration/birthDate.js - Education → Primary button: renders
app/registration/educationalBackground.js - Work experience → Primary button: renders
app/registration/workExperience.js - Job seeker → Job listing feed: browses jobs
README.md - Job listing feed → Sample job data: reads listings
screens/HomeScreen.js - Job listing feed → Listing card: renders cards
screens/HomeScreen.js - Listing card → Primary button: renders
components/ApplyCard.js - Listing card → Job details: opens selected listing
- Job details → Sample job data: finds selected job
screens/JobDetailsScreen.js - Job details → Details card: renders summary
screens/JobDetailsScreen.js - Job details → Primary button: renders action
screens/JobDetailsScreen.js - Job seeker → Applications tab: views tab
README.md - Applications tab → Sample job data: reads listings
screens/ApplicationScreen.js - Applications tab → Application card: renders cards
screens/ApplicationScreen.js - Job seeker → Profile tab: opens profile tab
- Posts feed → Posts state and CRUD: uses context
app/(tabs)/posts/index.js - Post detail → Posts state and CRUD: uses context
app/(tabs)/posts/[id]/index.js - Posts state and CRUD → DummyJSON API: fetches and mutates
contexts/PostsContext.js - Sign-in → Input control: renders
app/index.js - Sign-in → Primary button: renders
app/index.js - Account registration → Input control: renders
app/registration/index.js - Account registration → Primary button: renders
app/registration/index.js - Job listing feed → Input control: renders search
screens/HomeScreen.js - Job listing feed → Primary button: renders filters
screens/HomeScreen.js - Job details → Theme tokens: uses styling
screens/JobDetailsScreen.js - Job listing feed → Theme tokens: uses styling
screens/HomeScreen.js - Applications tab → Theme tokens: uses styling
screens/ApplicationScreen.js - Posts state and CRUD → Posts feed: provides state
app/(tabs)/posts/index.js