How tharun272004/outpro-react-clean works
Outpro India is a corporate services and portfolio website, with a backend for contact-message intake and an admin dashboard for managing messages. Visitors navigate the React site; the listed services page links to service details. Admins can log in and manage contact records through protected API routes. The sampled sources confirm routing, contact APIs, authentication middleware, and database startup; other public page content and the login component’s API wiring were not sampled.
Main entry points: App.js App Router · server.js API Server · contactRoutes.js Contact Routes · Services.js Services
Components 25
Public Website
- App Router
Major project Ulx/outpro-react-clean/src/App.js - Navigation
Major project Ulx/outpro-react-clean/src/components/Navbar.js - Footer
Major project Ulx/outpro-react-clean/src/components/Footer.js - Home
Major project Ulx/outpro-react-clean/src/pages/Home.js - About
Major project Ulx/outpro-react-clean/src/pages/About.js - Services
Major project Ulx/outpro-react-clean/src/pages/Services.js - Service Details
Major project Ulx/outpro-react-clean/src/pages/ServiceDetail.js - Portfolio
Major project Ulx/outpro-react-clean/src/pages/Portfolio.js - Testimonials
Major project Ulx/outpro-react-clean/src/pages/Testimonials.js - Blog
Major project Ulx/outpro-react-clean/src/pages/Blog.js - Careers
Major project Ulx/outpro-react-clean/src/pages/Careers.js - Partners
Major project Ulx/outpro-react-clean/src/pages/Partners.js - Not Found
Major project Ulx/outpro-react-clean/src/pages/Notfound.js
Admin Console
- Admin Login
Major project Ulx/outpro-react-clean/src/admin/pages/AdminLogin.jsx - Protected Route
Major project Ulx/outpro-react-clean/src/admin/components/ProtectedRoute.jsx - Message Dashboard
Major project Ulx/outpro-react-clean/src/admin/pages/Dashboard.jsx
Backend API
- API Server
Major project Ulx/outpro-react-clean/backend/server.js - Contact Routes
Major project Ulx/outpro-react-clean/backend/routes/contactRoutes.js - Auth Routes
Major project Ulx/outpro-react-clean/backend/routes/authRoutes.js - JWT Guard
Major project Ulx/outpro-react-clean/backend/middleware/authMiddleware.js
Persistence
- Contact Model
Major project Ulx/outpro-react-clean/backend/models/contact.js - Admin Model
Major project Ulx/outpro-react-clean/backend/models/auth.js - DB Connector
Major project Ulx/outpro-react-clean/backend/config/db.js
Other components
- Visitor
- MongoDB
Connections 27
- Visitor → App Router: browses
- App Router → Home: routes
- App Router → About: routes
- App Router → Services: routes
- App Router → Service Details: routes
- App Router → Portfolio: routes
- App Router → Testimonials: routes
- App Router → Blog: routes
- App Router → Careers: routes
- App Router → Partners: routes
- App Router → Not Found: routes
- App Router → Navigation: renders
- App Router → Footer: renders
- Services → Service Details: links to
- App Router → Admin Login: routes
- App Router → Protected Route: guards route
- Protected Route → Message Dashboard: allows access
- Message Dashboard → API Server: requests contacts
- API Server → Contact Routes: mounts
- API Server → Auth Routes: mounts
- API Server → DB Connector: connects
- Contact Routes → JWT Guard: guards admin routes
- Contact Routes → Contact Model: reads and writes
- Auth Routes → Admin Model: reads and writes
- Contact Model → MongoDB: persists records
- Admin Model → MongoDB: persists accounts
- DB Connector → MongoDB: connects