How sivabhargav123/wylo-assigns works
Wylo is a React post-management app. Users enter a landing page, create posts or browse all posts, then edit or delete them; Redux holds post state and redux-persist saves it through browser storage. The README also advertises responsive carousel presentation and navigation, represented in the display and navigation components. The graph follows the sampled routes and dispatches; unsampled internals are not inferred beyond documented capabilities.
Main entry points: App.js App Routes · CreatePost.jsx Create/Edit Page · AllPosts.jsx Post Listing · NavBar.jsx Navigation Bar
Components 11
Application
- App Routes
src/App.js
Post Experience
- Landing Carousel
src/components/PostsDisplay.jsx - Navigation Bar
src/pages/NavBar.jsx - Create/Edit Page
src/pages/CreatePost.jsx - Post Form
src/components/PostForm.jsx - Post Listing
src/components/AllPosts.jsx - Post Controls
src/components/PostItem.jsx
Post State
- Redux Store
src/redux/store.jsx - Post Reducers
src/redux/postsSlice.jsx
Other components
- Visitor
- Browser Storage
Connections 16
- Visitor → App Routes: uses
- App Routes → Redux Store: provides state
src/App.js - App Routes → Landing Carousel: routes to
src/App.js - App Routes → Create/Edit Page: routes to
src/App.js - App Routes → Post Listing: routes to
src/App.js - Landing Carousel → Create/Edit Page: navigates to
src/components/PostsDisplay.jsx - Landing Carousel → Navigation Bar: renders
src/components/PostsDisplay.jsx - Navigation Bar → Post Listing: navigates to
src/pages/NavBar.jsx - Create/Edit Page → Navigation Bar: renders
src/pages/CreatePost.jsx - Create/Edit Page → Post Form: renders
src/pages/CreatePost.jsx - Post Listing → Navigation Bar: renders
src/components/AllPosts.jsx - Post Listing → Post Controls: renders
src/components/AllPosts.jsx - Post Form → Post Reducers: dispatches changes
src/components/PostForm.jsx - Post Controls → Post Reducers: dispatches delete
src/components/PostItem.jsx - Redux Store → Post Reducers: configures reducer
src/redux/store.jsx - Redux Store → Browser Storage: persists state
src/redux/store.jsx