How athus27/linketinder-frontend works
Linketinder is a browser-based recruiting front end: candidates and companies register, companies create jobs, both sides browse and like candidate–job relationships, and reciprocal likes produce a match. The app layer owns domain operations and localStorage persistence; pages and reusable forms/cards provide the UI. The README documents the main architecture and capabilities, while sampled code confirms app persistence, navigation, registration, and both like flows; some feed and edit wiring is not shown in the excerpts.
Main entry points: renderAll.ts Page navigation · LinketinderApp.ts Business and storage · Header.ts Menu header · main.ts App entry
Components 20
Interface and navigation
- App entry
src/main.ts - Page navigation
src/renderAll.ts - Menu header
src/components/Header.ts - Info section
src/components/InfoSection.ts
Profiles and jobs
- Registration page
src/pages/RegisterPage.ts - Profile form
src/components/UserForm.ts - Candidate feed
src/pages/CandidateFeedPage.ts - Candidate card
src/components/CandidateProfileCard.ts - Company feed
src/pages/CompanyFeedPage.ts - Company card
src/components/CompanyProfileCard.ts - Job registration
src/pages/JobRegisterPage.ts - Job form
src/components/JobForm.ts - Job feed
src/pages/JobFeedPage.ts - Job card
src/components/JobProfileCard.ts
Likes and matches
- Candidate likes
src/pages/CandidateLikePage.ts - Company likes
src/pages/CompanyLikePage.ts
Domain and persistence
- Business and storage
src/app/LinketinderApp.ts - Domain entities
src/models/Like.ts
Other components
- Browser user
- Browser localStorage
Connections 24
- App entry → Business and storage: instantiates
- App entry → Page navigation: starts rendering
- Browser user → Menu header: uses menu
- Menu header → Page navigation: invokes actions
- Page navigation → Menu header: creates
- Page navigation → Info section: creates
- Page navigation → Registration page: selects page
- Page navigation → Candidate feed: selects page
- Page navigation → Company feed: selects page
- Page navigation → Job registration: selects page
- Page navigation → Job feed: selects page
- Page navigation → Candidate likes: selects page
- Page navigation → Company likes: selects page
- Registration page → Profile form: coordinates
- Job registration → Job form: coordinates
- Candidate feed → Candidate card: displays
- Company feed → Company card: displays
- Job feed → Job card: displays
- Profile form → Business and storage: creates profiles
- Job form → Business and storage: creates jobs
- Candidate likes → Business and storage: submits candidate like
- Company likes → Business and storage: submits company like
- Business and storage → Domain entities: uses entities
- Business and storage → Browser localStorage: loads and saves