# tefy1908/showmemada architecture

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

- Interactive diagram: https://gitdiagram.com/tefy1908/showmemada
- Repository: https://github.com/tefy1908/showmemada

## Overview

Show Me Mada is a Madagascar tourism website. Visitors enter through the routed React app and can browse home, destination, tour, about, gallery, and contact pages. The tree also identifies a hotel-preference wizard and reusable tour and destination presentation components. Source evidence is limited, so the graph shows only route and gallery wiring confirmed by the sampled code; it does not assume that forms submit to a service or that unsampled components are connected in a particular way.

Main entry points: [`src/index.js`](https://github.com/tefy1908/showmemada/blob/master/src/index.js) (App entry and routes), [`src/Views/Services.js`](https://github.com/tefy1908/showmemada/blob/master/src/Views/Services.js) (Gallery), [`src/Components/ReviewShowMeMada.js`](https://github.com/tefy1908/showmemada/blob/master/src/Components/ReviewShowMeMada.js) (Review showcase), [`src/Components/Layout.js`](https://github.com/tefy1908/showmemada/blob/master/src/Components/Layout.js) (Site layout)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_app["App and routing"]
  node_entry["App entry and routes<br/>[index.js]"]
  node_layout["Site layout<br/>[Layout.js]"]
end

subgraph group_pages["Visitor pages"]
  node_home["Home<br/>[Home.js]"]
  node_about["About us<br/>[AboutUs.js]"]
  node_tours["Tours<br/>[Tours.js]"]
  node_destinations["Destinations<br/>[Destinations.js]"]
  node_gallery["Gallery<br/>[Services.js]"]
  node_contact["Contact<br/>[Contact.js]"]
end

subgraph group_travel["Travel discovery"]
  node_hotel["Hotel search wizard<br/>[HotelSearch.js]"]
  node_tourcard["Tour package card<br/>[CardTourPackage.js]"]
  node_destinationcard["Destination card<br/>[CardDestination.js]"]
  node_tourdetail["Tour details modal"]
end

subgraph group_shared["Shared presentation"]
  node_carousel["Tourism carousel"]
  node_imageutils["Image utilities<br/>[ImportImage.js]"]
  node_reviews["Review showcase"]
  node_reviewcard["Review card<br/>[ReviewCard.js]"]
  node_texttitle["Section title<br/>[TextTitle.js]"]
end

node_visitor(("Website visitor"))

node_visitor -->|"opens site"| node_entry
node_entry -->|"renders shell"| node_layout
node_entry -->|"routes to"| node_home
node_entry -->|"routes to"| node_about
node_entry -->|"routes to"| node_tours
node_entry -->|"routes to"| node_destinations
node_entry -->|"routes to"| node_gallery
node_entry -->|"routes to"| node_contact
node_gallery -->|"renders images"| node_carousel
node_gallery -->|"imports helpers"| node_imageutils
node_reviews -->|"renders reviews"| node_reviewcard

click node_entry "https://github.com/tefy1908/showmemada/blob/master/src/index.js"
click node_layout "https://github.com/tefy1908/showmemada/blob/master/src/Components/Layout.js"
click node_home "https://github.com/tefy1908/showmemada/blob/master/src/Views/Home.js"
click node_about "https://github.com/tefy1908/showmemada/blob/master/src/Views/AboutUs.js"
click node_tours "https://github.com/tefy1908/showmemada/blob/master/src/Views/Tours.js"
click node_destinations "https://github.com/tefy1908/showmemada/blob/master/src/Views/Destinations.js"
click node_gallery "https://github.com/tefy1908/showmemada/blob/master/src/Views/Services.js"
click node_contact "https://github.com/tefy1908/showmemada/blob/master/src/Views/Contact.js"
click node_hotel "https://github.com/tefy1908/showmemada/blob/master/src/Components/HotelSearch.js"
click node_tourcard "https://github.com/tefy1908/showmemada/blob/master/src/Components/CardTourPackage.js"
click node_destinationcard "https://github.com/tefy1908/showmemada/blob/master/src/Components/CardDestination.js"
click node_tourdetail "https://github.com/tefy1908/showmemada/blob/master/src/Components/ToursDetailModal.js"
click node_carousel "https://github.com/tefy1908/showmemada/blob/master/src/Components/Tourismcarroussel.js"
click node_imageutils "https://github.com/tefy1908/showmemada/blob/master/src/Utils/ImportImage.js"
click node_reviews "https://github.com/tefy1908/showmemada/blob/master/src/Components/ReviewShowMeMada.js"
click node_reviewcard "https://github.com/tefy1908/showmemada/blob/master/src/Components/ReviewCard.js"
click node_texttitle "https://github.com/tefy1908/showmemada/blob/master/src/Components/TextTitle.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_layout toneBlue
class node_home,node_about,node_tours,node_destinations,node_gallery,node_contact toneAmber
class node_hotel,node_tourcard,node_destinationcard,node_tourdetail toneMint
class node_carousel,node_imageutils,node_reviews,node_reviewcard,node_texttitle toneRose
class node_visitor toneIndigo
```

## Components

### App and routing

- [App entry and routes](https://github.com/tefy1908/showmemada/blob/master/src/index.js): `src/index.js`
- [Site layout](https://github.com/tefy1908/showmemada/blob/master/src/Components/Layout.js): `src/Components/Layout.js`

### Visitor pages

- [Home](https://github.com/tefy1908/showmemada/blob/master/src/Views/Home.js): `src/Views/Home.js`
- [About us](https://github.com/tefy1908/showmemada/blob/master/src/Views/AboutUs.js): `src/Views/AboutUs.js`
- [Tours](https://github.com/tefy1908/showmemada/blob/master/src/Views/Tours.js): `src/Views/Tours.js`
- [Destinations](https://github.com/tefy1908/showmemada/blob/master/src/Views/Destinations.js): `src/Views/Destinations.js`
- [Gallery](https://github.com/tefy1908/showmemada/blob/master/src/Views/Services.js): `src/Views/Services.js`
- [Contact](https://github.com/tefy1908/showmemada/blob/master/src/Views/Contact.js): `src/Views/Contact.js`

### Travel discovery

- [Hotel search wizard](https://github.com/tefy1908/showmemada/blob/master/src/Components/HotelSearch.js): `src/Components/HotelSearch.js`
- [Tour package card](https://github.com/tefy1908/showmemada/blob/master/src/Components/CardTourPackage.js): `src/Components/CardTourPackage.js`
- [Destination card](https://github.com/tefy1908/showmemada/blob/master/src/Components/CardDestination.js): `src/Components/CardDestination.js`
- [Tour details modal](https://github.com/tefy1908/showmemada/blob/master/src/Components/ToursDetailModal.js): `src/Components/ToursDetailModal.js`

### Shared presentation

- [Tourism carousel](https://github.com/tefy1908/showmemada/blob/master/src/Components/Tourismcarroussel.js): `src/Components/Tourismcarroussel.js`
- [Image utilities](https://github.com/tefy1908/showmemada/blob/master/src/Utils/ImportImage.js): `src/Utils/ImportImage.js`
- [Review showcase](https://github.com/tefy1908/showmemada/blob/master/src/Components/ReviewShowMeMada.js): `src/Components/ReviewShowMeMada.js`
- [Review card](https://github.com/tefy1908/showmemada/blob/master/src/Components/ReviewCard.js): `src/Components/ReviewCard.js`
- [Section title](https://github.com/tefy1908/showmemada/blob/master/src/Components/TextTitle.js): `src/Components/TextTitle.js`

### Other components

- **Website visitor**

## Connections

- Website visitor → App entry and routes: opens site
- App entry and routes → Site layout: renders shell
- App entry and routes → Home: routes to
- App entry and routes → About us: routes to
- App entry and routes → Tours: routes to
- App entry and routes → Destinations: routes to
- App entry and routes → Gallery: routes to
- App entry and routes → Contact: routes to
- Gallery → Tourism carousel: renders images
- Gallery → Image utilities: imports helpers
- Review showcase → Review card: renders reviews