How chesterheng/junior-to-senior works
This is a 2020 web-development roadmap repository: a collection of independent lessons and demo applications, not one deployed product. The clearest end-to-end application is Smart Brain: a user signs in or registers, submits an image URL for face detection, and sees detected-face regions and an updated entry count. The tree also preserves separate RoboFriends, code-splitting, server-rendering, security, and performance examples. The README excerpt documents performance topics; implementation details for several listed subsystems were not sampled, so their internal wiring is left out.
Main entry points: src/App.js Smart Brain UI · server.js Smart Brain API · containers/App.js RoboFriends Redux UI · image.js Image controller
Components 27
Smart Brain
- Smart Brain UI
smart-brain/src/App.js - Sign-in and registration
smart-brain/src/components - Image URL form
smart-brain/src/components/ImageLinkForm/ImageLinkForm.js - Face display
smart-brain/src/components/FaceRecognition/FaceRecognition.js - Rank and profile
smart-brain/src/components - Smart Brain API
smart-brain-api/server.js - Auth controllers
smart-brain-api/controllers - Image controller
smart-brain-api/controllers/image.js - Profile controller
smart-brain-api/controllers/profile.js - User database
RoboFriends variants
- RoboFriends Redux UI
robofriends-redux/src/containers/App.js - Fetch and search actions
robofriends-redux/src/actions.js - Robots API client
robofriends-redux/src/api/api.js - Redux reducers
robofriends-redux/src/reducers.js - Robot cards
robofriends-redux/src/components/CardList.js
React demonstrations
- Lazy-loaded pages
code-splitting-react-lazy/src/App.js - Page components
code-splitting-react-lazy/src/Components - Server-rendered pages
next-ssr/pages - Updated SSR example
next-ssr-update/pages
Web topic demos
- Performance exercises
exercise-01-media-queries - HTTP caching demo
cache-control/server.js - Load-balancer demo
load-balancer/server.js - Security server demo
security-server/server.js
Other components
- User
- Face recognition service
- Robot data service
- Browser
Connections 27
- User → Smart Brain UI: uses
- Smart Brain UI → Sign-in and registration: renders
- Smart Brain UI → Image URL form: renders
- Smart Brain UI → Face display: renders
- Smart Brain UI → Rank and profile: renders
- Smart Brain UI → Smart Brain API: sends auth and image requests
- Smart Brain API → Auth controllers: dispatches auth
- Smart Brain API → Image controller: dispatches image requests
- Smart Brain API → Profile controller: dispatches profile requests
- Auth controllers → User database: uses database
- Profile controller → User database: uses database
- Image controller → User database: updates entries
- Image controller → Face recognition service: requests face analysis
- User → RoboFriends Redux UI: searches robots
- RoboFriends Redux UI → Fetch and search actions: dispatches actions
- Fetch and search actions → Robots API client: requests robot data
- RoboFriends Redux UI → Redux reducers: reads state
- RoboFriends Redux UI → Robot cards: renders filtered cards
- Robots API client → Robot data service: fetches data
- User → Lazy-loaded pages: navigates pages
- Lazy-loaded pages → Page components: loads page modules
- Browser → Server-rendered pages: requests pages
- Browser → Updated SSR example: requests pages
- Browser → Performance exercises: runs exercises
- Browser → HTTP caching demo: requests content
- Browser → Load-balancer demo: requests service
- Browser → Security server demo: sends requests