afnanaghai4/fyp-webapp

How afnanaghai4/fyp-webapp works

MSCD is a React web app presenting melanoma information and a dermoscopic-image prediction interface. Visitors enter through the home page, navigate to the service, upload an image, and receive a displayed prediction response from a local HTTP endpoint. The app also provides doctor-oriented information, melanoma education, and research content. The graph reflects the routes and upload request shown in sampled source; no backend implementation was present in the supplied tree.

Main entry points: App.js Router and routes · services.js Image prediction UI · navbar.js Navigation bar · frontpage.js Home page

Components 11

App shell

React mount src/index.js
Router and routes src/App.js
Navigation bar src/navbar.js
Footer src/footer1.js

Prediction service

Image prediction UI src/services.js
Prediction endpoint

Information pages

Home page src/frontpage.js
Doctor information src/fordoctors.js
Melanoma education src/melanoma.js
Research content src/research.js

Other components

Visitor

Connections 17

Visitor → React mount: opens app src/index.js
React mount → Router and routes: mounts src/index.js
Router and routes → Home page: routes to / src/App.js
Router and routes → Doctor information: routes to /fordoctor src/App.js
Router and routes → Melanoma education: routes to /melanoma src/App.js
Router and routes → Research content: routes to /research src/App.js
Router and routes → Image prediction UI: routes to /services src/App.js
Router and routes → Footer: routes to /footer src/App.js
Home page → Image prediction UI: links to src/frontpage.js
Home page → Navigation bar: renders src/frontpage.js
Doctor information → Navigation bar: renders src/fordoctors.js
Melanoma education → Navigation bar: renders src/melanoma.js
Research content → Navigation bar: renders src/research.js
Image prediction UI → Navigation bar: renders src/services.js
Visitor → Image prediction UI: uploads image src/services.js
Image prediction UI → Prediction endpoint: posts image data src/services.js
Prediction endpoint → Image prediction UI: returns prediction src/services.js

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