# ecell-abes/ecell-website-v2 architecture

> Architecture diagram of the GitHub repository ecell-abes/ecell-website-v2, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/ecell-abes/ecell-website-v2
- Repository: https://github.com/ecell-abes/ecell-website-v2

## Overview

E-Cell ABESEC is a public-facing college entrepreneurship website. Visitors enter the React app and browse the home, team, event-listing, event-detail, and contact routes; the event-detail view uses local event data, while the backend exposes a contact endpoint that sends submitted messages by email. The README also mentions a blog, but no blog implementation appears in the supplied tree. Several page modules were not sampled, so their internal wiring is not inferred.

Main entry points: [`src/App.jsx`](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/App.jsx) (App routes), [`src/Pages/Home.jsx`](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/Pages/Home.jsx) (Home page), [`src/Pages/Teams.jsx`](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/Pages/Teams.jsx) (Teams page), [`src/components/EventDetails.jsx`](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/EventDetails.jsx) (Event details)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_app["Web application"]
  node_entry["React entry<br/>[main.jsx]"]
  node_router["App routes<br/>[App.jsx]"]
end

subgraph group_content["Organization content"]
  node_home["Home page<br/>[Home.jsx]"]
  node_teams["Teams page<br/>[Teams.jsx]"]
  node_teamdata["Team records<br/>[DataTeam.jsx]"]
  node_volunteers["Volunteer directory<br/>[Volunteers.jsx]"]
  node_about["About section<br/>[Aboutus.jsx]"]
  node_testimonial["Testimonials<br/>[Testimonial.jsx]"]
  node_activities["Activities showcase<br/>[Activities.jsx]"]
  node_networking["Networking section<br/>[Networking.jsx]"]
  node_mentor["Mentorship section<br/>[Mentor.jsx]"]
  node_idea["Idea section<br/>[Idea.jsx]"]
end

subgraph group_events["Event showcase"]
  node_eventlist["Events page<br/>[EventsPage.jsx]"]
  node_eventdata["Event records<br/>[EventsData.js]"]
  node_eventdetail["Event details<br/>[EventDetails.jsx]"]
  node_carousel["Image carousel"]
end

subgraph group_contact["Contact delivery"]
  node_contactpage["Contact form<br/>[ContactUs.jsx]"]
  node_server["Contact endpoint<br/>[server.js]"]
end

node_visitor(("Site visitor"))
node_html["Web document<br/>[index.html]"]
node_email["Gmail email service"]

node_visitor -->|"opens site"| node_html
node_html -->|"loads app"| node_entry
node_entry -->|"renders"| node_router
node_router -->|"routes to"| node_home
node_router -->|"routes to"| node_teams
node_router -->|"routes to"| node_eventlist
node_router -->|"routes to"| node_eventdetail
node_router -->|"routes to"| node_contactpage
node_router -->|"routes to"| node_eventlist
node_teams -->|"reads records"| node_teamdata
node_teams -->|"renders"| node_volunteers
node_teams -->|"renders"| node_about
node_teams -->|"renders"| node_testimonial
node_home -->|"renders"| node_activities
node_home -->|"renders"| node_networking
node_home -->|"renders"| node_testimonial
node_home -->|"renders"| node_mentor
node_home -->|"renders"| node_idea
node_eventdetail -->|"reads records"| node_eventdata
node_eventdetail -->|"renders"| node_carousel
node_server -->|"sends message"| node_email

click node_html "https://github.com/ecell-abes/ecell-website-v2/blob/main/index.html"
click node_entry "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/main.jsx"
click node_router "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/App.jsx"
click node_home "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/Pages/Home.jsx"
click node_teams "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/Pages/Teams.jsx"
click node_teamdata "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/DataTeam.jsx"
click node_volunteers "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Volunteers.jsx"
click node_about "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Aboutus.jsx"
click node_testimonial "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Testimonial.jsx"
click node_activities "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Activities.jsx"
click node_networking "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Networking.jsx"
click node_mentor "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Mentor.jsx"
click node_idea "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Idea.jsx"
click node_eventlist "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/EventsPage.jsx"
click node_eventdata "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/EventsData.js"
click node_eventdetail "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/EventDetails.jsx"
click node_carousel "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/AchievementCarousel.jsx"
click node_contactpage "https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/ContactUs.jsx"
click node_server "https://github.com/ecell-abes/ecell-website-v2/blob/main/backend/server.js"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_entry,node_router toneBlue
class node_home,node_teams,node_teamdata,node_volunteers,node_about,node_testimonial,node_activities,node_networking,node_mentor,node_idea toneAmber
class node_eventlist,node_eventdata,node_eventdetail,node_carousel toneMint
class node_contactpage,node_server toneRose
class node_visitor,node_email toneIndigo
class node_html toneTeal
```

## Components

### Web application

- [React entry](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/main.jsx): `src/main.jsx`
- [App routes](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/App.jsx): `src/App.jsx`

### Organization content

- [Home page](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/Pages/Home.jsx): `src/Pages/Home.jsx`
- [Teams page](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/Pages/Teams.jsx): `src/Pages/Teams.jsx`
- [Team records](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/DataTeam.jsx): `src/components/DataTeam.jsx`
- [Volunteer directory](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Volunteers.jsx): `src/components/Volunteers.jsx`
- [About section](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Aboutus.jsx): `src/components/Aboutus.jsx`
- [Testimonials](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Testimonial.jsx): `src/components/Testimonial.jsx`
- [Activities showcase](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Activities.jsx): `src/components/Activities.jsx`
- [Networking section](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Networking.jsx): `src/components/Networking.jsx`
- [Mentorship section](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Mentor.jsx): `src/components/Mentor.jsx`
- [Idea section](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/Idea.jsx): `src/components/Idea.jsx`

### Event showcase

- [Events page](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/EventsPage.jsx): `src/components/EventsPage.jsx`
- [Event records](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/EventsData.js): `src/components/EventsData.js`
- [Event details](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/EventDetails.jsx): `src/components/EventDetails.jsx`
- [Image carousel](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/AchievementCarousel.jsx): `src/components/AchievementCarousel.jsx`

### Contact delivery

- [Contact form](https://github.com/ecell-abes/ecell-website-v2/blob/main/src/components/ContactUs.jsx): `src/components/ContactUs.jsx`
- [Contact endpoint](https://github.com/ecell-abes/ecell-website-v2/blob/main/backend/server.js): `backend/server.js`

### Other components

- **Site visitor**
- [Web document](https://github.com/ecell-abes/ecell-website-v2/blob/main/index.html): `index.html`
- **Gmail email service**

## Connections

- Site visitor → Web document: opens site
- Web document → React entry: loads app
- React entry → App routes: renders
- App routes → Home page: routes to
- App routes → Teams page: routes to
- App routes → Events page: routes to
- App routes → Event details: routes to
- App routes → Contact form: routes to
- App routes → Events page: routes to
- Teams page → Team records: reads records
- Teams page → Volunteer directory: renders
- Teams page → About section: renders
- Teams page → Testimonials: renders
- Home page → Activities showcase: renders
- Home page → Networking section: renders
- Home page → Testimonials: renders
- Home page → Mentorship section: renders
- Home page → Idea section: renders
- Event details → Event records: reads records
- Event details → Image carousel: renders
- Contact endpoint → Gmail email service: sends message