How aiman-hafeez-0/devmatchproject works
DevMatch is a developer-collaboration platform: users register and complete profiles, discover skill-aligned projects, join or manage teams, collaborate in project chats, and build a verified contribution history. The graph follows the routed React application into Flask’s registered API blueprints and PostgreSQL; Socket.IO supports live chat. Feature links for unsampled components reflect README descriptions, not inspected implementation. Paths identify the source modules or enclosing directories in the tree.
Main entry points: App.jsx Route application · projects.py Project endpoints · db.py DB connection · app.py Flask application
Components 21
Web application
- Route application
DevMatch-Frontend/src/App.jsx - Landing page
DevMatch-Frontend/src/components/LandingPage.jsx - Dashboard
DevMatch-Frontend/src/components/Dashboard.jsx
Identity and profiles
- Login and register
DevMatch-Frontend/src/components - Session context
DevMatch-Frontend/src/context/AuthContext.jsx - Profile views
DevMatch-Frontend/src/components - Auth endpoints
DevMatch-Backend/auth.py - Profile endpoints
DevMatch-Backend/profiles.py
Project lifecycle
- Project discovery
DevMatch-Frontend/src/components - Skill matching
DevMatch-Frontend/src/components/Matches.jsx - Project management
DevMatch-Frontend/src/components - Project endpoints
DevMatch-Backend/projects.py
Team collaboration
- Notifications
DevMatch-Frontend/src/components/NotificationsDropdown.jsx - Chat hub
DevMatch-Frontend/src/components/MyChats.jsx - Project chat
DevMatch-Frontend/src/components/ChatRoom.jsx - Chat endpoints
DevMatch-Backend/chat.py
Backend and data
- Flask application
DevMatch-Backend/app.py - DB connection
DevMatch-Backend/db.py - PostgreSQL
Other components
- Developer
- Socket.IO service
Connections 31
- Developer → Landing page: visits
- Developer → Route application: navigates
- Route application → Landing page: routes
- Route application → Login and register: routes
- Route application → Dashboard: routes
- Route application → Project discovery: routes
- Route application → Skill matching: routes
- Route application → Project management: routes
- Route application → Profile views: routes
- Route application → Chat hub: routes
- Route application → Project chat: routes
- Login and register → Session context: uses session
- Session context → Auth endpoints: requests session
- Profile views → Profile endpoints: requests profiles
- Dashboard → Auth endpoints: requests stats
- Project discovery → Project endpoints: requests projects
- Skill matching → Project endpoints: requests matches
- Project management → Project endpoints: manages projects
- Notifications → Project endpoints: handles events
- Chat hub → Chat endpoints: loads chats
- Project chat → Chat endpoints: loads history
- Project chat → Socket.IO service: exchanges messages
- Flask application → Auth endpoints: registers
- Flask application → Profile endpoints: registers
- Flask application → Project endpoints: registers
- Flask application → Chat endpoints: registers
- Auth endpoints → DB connection: connects through
- Profile endpoints → DB connection: connects through
- Project endpoints → DB connection: connects through
- Chat endpoints → DB connection: connects through
- DB connection → PostgreSQL: queries