How priyanshugupta28/picfiesta works
Picfiesta is a React image-browsing site: visitors navigate image collections, search or filter Pixabay results, open an image, and download it. The route table exposes collection, search, theme, editor-pick, trending, detail, informational, and account pages. Sampled code confirms direct Pixabay search and image downloads; the source index shows additional collection pages and shared gallery components. Several page implementations were not sampled, so their internal behavior and connections beyond the documented routes are not asserted.
Main entry points: AllRoutes.js Route dispatcher · SingleImage.js Image preview · ReactMasonry.js Masonry gallery · App.js App shell
Components 25
Application shell
- App shell
src/App.js - Route dispatcher
src/Components/AllRoutes/AllRoutes.js - Navigation bar
src/Components/Navbar/Navbar.js - Collection links
src/Components/NavLinks/NavLinks.js - Footer
src/Components/Footer/Footer.js
Image discovery
- Home collection
src/Pages/Home/Home.js - Photo collection
src/Pages/Photos/Photos.js - Illustration collection
src/Pages/Illustrations/Illustrations.js - Vector collection
src/Pages/Vectors/Vectors.js - Image search
src/Pages/SearchPage/SearchPage.js - Theme exploration
src/Pages/ExploreByTheme/ExploreByTheme.js - Editor picks
src/Pages/EditorPics/EditorPics.js - Weekly trending
src/Pages/TrendingThisWeek/TrendingThisWeek.js
Image presentation
- Masonry gallery
src/Components/ReactMasonry/ReactMasonry.js - Image preview
src/Components/SingleImage/SingleImage.js - Image detail
src/Pages/SinglePage/SinglePage.js
Site content
- About page
src/Pages/AboutUs/AboutUs.js - Contact page
src/Pages/Contactus/Contactus.js - Login and signup
src/Pages/Login/Login.js - Not found
src/Pages/PageNotFound/PageNotFound.js
Shared state
- Axios data hook
src/CustomHooks/useAxios.js - API key utility
src/Utility/Utils/utilsFunctions.js - Redux reducers
src/Redux/reducer.js
Other components
- Visitor
- Pixabay API
Connections 35
- Visitor → App shell: uses
src/App.js - App shell → Navigation bar: renders
src/App.js - App shell → Route dispatcher: renders
src/App.js - App shell → Footer: renders
src/App.js - Route dispatcher → Home collection: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Photo collection: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Illustration collection: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Vector collection: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Image search: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Theme exploration: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Editor picks: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Weekly trending: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Image detail: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → About page: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Contact page: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Login and signup: routes to
src/Components/AllRoutes/AllRoutes.js - Route dispatcher → Not found: routes to
src/Components/AllRoutes/AllRoutes.js - Home collection → Masonry gallery: renders
src/Pages/Home/Home.js - Photo collection → Masonry gallery: renders
src/Pages/Photos/Photos.js - Illustration collection → Masonry gallery: renders
src/Pages/Illustrations/Illustrations.js - Vector collection → Masonry gallery: renders
src/Pages/Vectors/Vectors.js - Masonry gallery → Image preview: renders
src/Components/ReactMasonry/ReactMasonry.js - Image search → Pixabay API: requests results
src/Pages/SearchPage/SearchPage.js - Theme exploration → Pixabay API: requests results
src/Pages/ExploreByTheme/ExploreByTheme.js - Image search → API key utility: reads API key
src/Pages/SearchPage/SearchPage.js - Theme exploration → API key utility: reads API key
src/Pages/ExploreByTheme/ExploreByTheme.js - Image search → Image preview: renders results
src/Pages/SearchPage/SearchPage.js - Theme exploration → Image preview: renders results
src/Pages/ExploreByTheme/ExploreByTheme.js - Image preview → Image detail: navigates to
src/Components/SingleImage/SingleImage.js - Image preview → Pixabay API: downloads image
src/Components/SingleImage/SingleImage.js - Home collection → Axios data hook: fetches data
src/Pages/Home/Home.js - Illustration collection → Axios data hook: fetches data
src/Pages/Illustrations/Illustrations.js - Photo collection → Axios data hook: fetches data
src/Pages/Photos/Photos.js - Vector collection → Axios data hook: fetches data
src/Pages/Vectors/Vectors.js - Navigation bar → Collection links: uses
src/Components/Navbar/Navbar.js