vishaljadhav003/motionpix_website

How vishaljadhav003/motionpix_website works

MotionPix is a creative-services website with an Express backend for inquiries, careers, administration, and visitor analytics. The main visitor journey enters the React app, browses routed service and company pages, and can submit contact or career information; backend routes and controllers handle those requests. The frontend also provides an AI chatbot and visitor tracking. Source excerpts show several backend integrations directly; other documented-by-index links are limited to imports and routing, so unsampled runtime behavior is not inferred.

Main entry points: App.jsx React app and routes · app.js HTTP and socket server · contactController.js Inquiry handling · db.js MySQL pool

Components 20

Visitor Website

React app and routes src/App.jsx
Creative service pages src/Animation3D.jsx
Company pages src/About.jsx
Career application src/Career.jsx
Contact form src/Contact.jsx

Visitor Engagement

Chat interface src/Chatbot.jsx
Visitor tracking hooks src/useTrackVisitor.js
Live visitor presence backend/services/liveVisitors.js

Backend Operations

Site content API backend/controllers/contentController.js
Career routes backend/routes/careerRoutes.js
Career handling backend/controllers/careerController.js
Contact and chat routes backend/routes/contactRoutes.js
Inquiry handling backend/controllers/contactController.js
Visitor tracking API backend/routes/visitorRoutes.js
HTTP and socket server backend/app.js

Data and Integrations

MySQL pool backend/config/db.js
Microsoft mail service backend/services/microsoftMail.js
Contact attachments backend/services/contactAttachments.js
Inquiry email templates backend/services/emailTemplates.js

Other components

Website visitor

Connections 25

Website visitor → React app and routes: opens site
React app and routes → Creative service pages: routes to src/App.jsx
React app and routes → Company pages: routes to src/App.jsx
React app and routes → Career application: routes to src/App.jsx
React app and routes → Contact form: routes to src/App.jsx
React app and routes → Chat interface: renders src/App.jsx
React app and routes → Visitor tracking hooks: invokes src/App.jsx
HTTP and socket server → Career routes: mounts backend/app.js
HTTP and socket server → Contact and chat routes: mounts backend/app.js
HTTP and socket server → Visitor tracking API: mounts backend/app.js
HTTP and socket server → Site content API: mounts routes
HTTP and socket server → Live visitor presence: initializes backend/app.js
Career routes → Career handling: dispatches to backend/routes/careerRoutes.js
Career handling → MySQL pool: queries backend/controllers/careerController.js
Career handling → Microsoft mail service: sends email backend/controllers/careerController.js
Contact and chat routes → Inquiry handling: dispatches to backend/routes/contactRoutes.js
Inquiry handling → MySQL pool: queries backend/controllers/contactController.js
Inquiry handling → Contact attachments: saves files backend/controllers/contactController.js
Inquiry handling → Inquiry email templates: builds email backend/controllers/contactController.js
Inquiry handling → Microsoft mail service: sends email backend/controllers/contactController.js
Inquiry email templates → Microsoft mail service: uses sender backend/services/emailTemplates.js
Visitor tracking API → MySQL pool: reads and writes backend/routes/visitorRoutes.js
Visitor tracking API → Live visitor presence: updates sockets
Live visitor presence → MySQL pool: records visits backend/services/liveVisitors.js
Chat interface → Contact and chat routes: chat request

Drawn by GitDiagram on November 12, 2026 from the repository's file tree, README and source files. Read as Markdown ·