How ducdamchi/art-portfolio-react works
This monorepo contains four portfolio websites—film and photography, celebrations, woodworking, and software—backed by a shared React component package. A visitor enters a site, its router selects a page, and the page presents that site's portfolio content; the film/photo and celebrations trees also expose item-specific routes. Shared components provide navigation, transitions, and gallery experiences. The tree and sampled entry points establish app bootstrapping and shared exports, but do not show route-to-component wiring, so those links are intentionally omitted.
Main entry points: index.js Shared exports · src/main.jsx Film/photo app · src/main.jsx Celebrations app · src/main.jsx Woodworking app
Components 17
Shared UI
- Shared exports
packages/shared/src/index.js - Navigation & pages
packages/shared/src/components - Gallery experiences
packages/shared/src/components/gallery - Image & viewport hooks
packages/shared/src/hooks
Film & Photo
- Film/photo app
sites/film & photo/src/main.jsx - Film/photo routes
sites/film & photo/src/routes - Film/photo galleries
sites/film & photo/src/components/gallery - Film details
sites/film & photo/src/components/film
Celebrations
- Celebrations app
sites/celebrations/src/main.jsx - Celebration routes
sites/celebrations/src/routes - Celebration galleries
sites/celebrations/src/components/gallery
Woodworking
- Woodworking app
sites/woodworking/src/main.jsx - Woodworking routes
sites/woodworking/src/routes - Woodworking galleries
sites/woodworking/src/components
Software
- Software app
sites/software/src/main.jsx - Software routes
sites/software/src/routes
Other components
- Visitor
Connections 12
- Visitor → Film/photo app: opens
- Visitor → Celebrations app: opens
- Visitor → Woodworking app: opens
- Visitor → Software app: opens
- Film/photo app → Film/photo routes: routes via
- Celebrations app → Celebration routes: routes via
- Woodworking app → Woodworking routes: routes via
- Software app → Software routes: routes via
- Film/photo app → Shared exports: imports transition
- Celebrations app → Shared exports: imports transition
- Woodworking app → Shared exports: imports transition
- Software app → Shared exports: imports transition