How soudamini02/rest-countries works
This repository is a set of small React learning projects, alongside two country-explorer app variants. The clearest user workflow is the explorer: render a country list, enter a search query, and view search/filter controls; the sampled code confirms query state is passed from the app to the search and list components. The other projects demonstrate component rendering, props, state, conditional display, and event handling. The tree and excerpts do not establish country-detail navigation or the explorer’s internal filtering/data flow, so those links are omitted.
Main entry points: src/App.jsx Country explorer · src/App.jsx Country explorer · src/App.jsx Hello React app · src/App.jsx Conditional app
Components 23
React tutorials
- Hello React app
hello-react/src/App.jsx - Product examples
hello-react/src/products.jsx - Product component
hello-react/src/Product.jsx - Example component
hello-react/src/Soudamini.jsx - Counter app
intro-to-hooks/src/App.jsx - Event demo
adding-event-listeners/src/App.jsx - Custom button
adding-event-listeners/src/Custombutton.jsx - Conditional app
conditinal-rendering-and-css-modules/src/App.jsx - Greeting component
conditinal-rendering-and-css-modules/src/Greet.jsx - Example component
conditinal-rendering-and-css-modules/src/Xyz.jsx - Props and state app
diff-betn-state-and-prop/src/App.jsx - Greeting component
diff-betn-state-and-prop/src/Greet.jsx - Child component
diff-betn-state-and-prop/src/Hello.jsx
Country explorers
- Country explorer
rest-countries/src/App.jsx - Country explorer
rst-countries/src/App.jsx - Country detail
CountryDetail.jsx
Explorer interface
- Header
rest-countries/src/components/Header.jsx - Country search
rest-countries/src/components/SearchBar.jsx - Region selector
rest-countries/src/components/SelectMenu.jsx - Country list
rest-countries/src/components/CountriesList.jsx - Country card
rest-countries/src/components/CountryCard.jsx - Country data
rest-countries/src/countriesData.js
Other components
- User
Connections 24
- User → Hello React app: uses
- User → Counter app: uses
- User → Event demo: uses
- User → Conditional app: uses
- User → Props and state app: uses
- User → Country explorer: uses
- User → Country explorer: uses
- Hello React app → Product examples: maps
- Hello React app → Product component: renders
- Hello React app → Example component: renders
- Event demo → Custom button: renders
- Conditional app → Greeting component: renders conditionally
- Conditional app → Example component: renders
- Props and state app → Greeting component: passes props
- Props and state app → Child component: imports
- Country explorer → Header: renders
- Country explorer → Country search: passes setter
- Country search → Country explorer: updates query
- Country explorer → Region selector: renders
- Country explorer → Country list: passes query
- Country explorer → Header: renders
- Country explorer → Country search: passes setter
- Country explorer → Region selector: renders
- Country explorer → Country list: passes query