How aymaan-mulla/phone-directory-with-linkedin-scraper-and-search-engine works
This is a React/PostgreSQL profile and contact-management application with an Express API. The main workflow is login, search or upload profile/contact data, then browse and manage records. Admin user management and CSV contact updates are separate capabilities. The frontend-to-API links below are limited to routes visible in excerpts; backend internals are not mapped because the server source was not excerpted.
Main entry points: App.jsx App routing · server.js Express API · login.jsx Login · AuthContext.jsx Auth state
Components 17
Web application
- App routing
src/App.jsx - Navigation
src/navbar.jsx
Identity and administration
- Auth state
src/AuthContext.jsx - Login
src/components/login.jsx - User management
src/components/UserManagement.jsx
Profile workflows
- Profile search
src/components/search.jsx - Google News
src/components/google.jsx - Profile editing search
src/components/search2.jsx - Contact list
src/components/list.jsx - Next workflow view
src/components/next.jsx
Data management
- Profile upload
src/components/profileupload.jsx - CSV contact update
src/components/update.jsx - Profile records
src/components/out.jsx - Record view
src/components/out2.jsx - Express API
server/server.js - PostgreSQL
Other components
- User
Connections 22
- User → Login: submits credentials
src/components/login.jsx - Login → Express API: posts login
src/components/login.jsx - Login → Auth state: sets auth state
src/components/login.jsx - App routing → Auth state: reads auth state
src/App.jsx - App routing → Login: routes to
src/App.jsx - App routing → Navigation: renders
src/App.jsx - App routing → Profile search: routes to
src/App.jsx - App routing → User management: routes to
src/App.jsx - App routing → Contact list: renders
src/App.jsx - App routing → CSV contact update: renders
src/App.jsx - App routing → Profile upload: routes to
src/App.jsx - App routing → Profile editing search: routes to
src/App.jsx - App routing → Profile records: routes to
src/App.jsx - App routing → Record view: routes to
src/App.jsx - App routing → Next workflow view: routes to
src/App.jsx - Profile search → Google News: renders
src/components/search.jsx - Navigation → Auth state: reads logout state
src/navbar.jsx - User management → Express API: calls user routes
src/components/UserManagement.jsx - Contact list → Express API: fetches contacts
src/components/list.jsx - CSV contact update → Express API: uploads CSV
src/components/update.jsx - Profile records → Express API: fetches records
src/components/out.jsx - Express API → PostgreSQL: uses database
README.md