How mxminh/codify-website works
Codify is a static React website for prospective members and client organizations. Visitors enter through the shared navigation and browse pages describing the organization, projects, education, and membership; project listings open detail modals, while the home page highlights projects and routes visitors toward further information. The map preserves the README-described audience and the major page branches visible in the source index. Several page and component excerpts are partial, so edges are limited to relationships evidenced by those excerpts or the source index.
Main entry points: App.tsx Route shell · Home.tsx Home page · About.tsx About page · Join.tsx Join page
Components 28
Site shell
- Route shell
src/App.tsx - Navigation
src/navigation/NewNav.tsx - Footer
src/navigation/Footer.tsx
Information pages
- Home page
src/pages/Home.tsx - About page
src/pages/About.tsx - Join page
src/pages/Join.tsx - Education page
src/pages/Education.tsx - Work with us
src/pages/WorkWithUs.tsx
Project showcase
- Projects page
src/pages/Projects.tsx - Project catalog
src/data/projectsData.ts - Project cards
src/components/ModalComponents/ModalButton.tsx - Project details modal
src/components/ModalComponents/ModalView.tsx - Home project carousel
src/components/ProjectCarousel.jsx - Technology badges
src/components/TechnologyBadge.jsx
Content and UI
- Navigation links
src/data/navBarLinks.ts - Technology logos
src/data/technologyLogos.ts - Photo film strip
src/components/FilmStrip.tsx - Member directory
src/data/members.ts - Member cards
src/components/MemberCard.tsx - Recruitment timeline
src/components/Timeline.jsx - Timeline content
src/data/timelineData.tsx - Member testimonials
src/components/QuoteCarousel.jsx - Testimonial content
src/data/memberTestimonials.ts - Page header
src/components/PageHeader.jsx - Text block
src/components/TextBlock.jsx - Contact form
src/components/Unused/ContactForm.jsx - FAQ accordion
src/components/Accordion.jsx
Other components
- Site visitor
Connections 35
- Site visitor → Route shell: opens site
README.md - Route shell → Navigation: renders
src/App.tsx - Route shell → Footer: renders
src/App.tsx - Route shell → Home page: routes to
src/App.tsx - Route shell → About page: routes to
src/App.tsx - Route shell → Join page: routes to
src/App.tsx - Route shell → Projects page: routes to
src/App.tsx - Route shell → Work with us: routes to
src/App.tsx - Route shell → Education page: routes to
src/App.tsx - Navigation → Navigation links: reads links
src/navigation/NewNav.tsx - Footer → Navigation links: reads links
src/navigation/Footer.tsx - Home page → Photo film strip: renders
src/pages/Home.tsx - Home page → Home project carousel: renders
src/pages/Home.tsx - Home page → Project catalog: reads projects
src/pages/Home.tsx - Home page → Work with us: links to
src/pages/Home.tsx - About page → Photo film strip: renders
src/pages/About.tsx - About page → Member directory: reads members
src/pages/About.tsx - About page → Member cards: renders
src/pages/About.tsx - About page → Page header: renders
src/pages/About.tsx - Join page → Recruitment timeline: renders
src/pages/Join.tsx - Join page → Member testimonials: renders
src/pages/Join.tsx - Join page → Page header: renders
src/pages/Join.tsx - Join page → Text block: renders
src/pages/Join.tsx - Recruitment timeline → Timeline content: reads timeline
src/components/Timeline.jsx - Member testimonials → Testimonial content: reads testimonials
src/components/QuoteCarousel.jsx - Projects page → Page header: renders
src/pages/Projects.tsx - Projects page → Project catalog: reads projects
src/pages/Projects.tsx - Projects page → Project cards: renders
src/pages/Projects.tsx - Projects page → Project details modal: renders
src/pages/Projects.tsx - Project cards → Technology badges: renders
src/components/ModalComponents/ModalButton.tsx - Technology badges → Technology logos: reads logos
src/components/TechnologyBadge.jsx - Home project carousel → Project catalog: displays projects
- Work with us → Page header: renders
src/pages/WorkWithUs.tsx - Work with us → FAQ accordion: renders
src/pages/WorkWithUs.tsx - Work with us → Contact form: renders
src/pages/WorkWithUs.tsx