How harshfi/explorer_sem3_web works
This repository is a collection of JavaScript and React lesson demos rather than one integrated application. The visible user workflows include changing a counter, adding todo items, searching GitHub for a profile, and accessing a small Express server. The React entry files mount individual lesson components; the GitHub search component calls the GitHub API, while the server serves static files and accepts task submissions into an in-memory array. Some lesson sources are not sampled, so their behavior and connections are omitted.
Main entry points: index.js Express Server · src/main.jsx First React Entry · src/main.jsx Counter Entry · src/main.jsx Todo Entry
Components 33
React Basics
- First React Entry
Lec3/first React APP/src/main.jsx - First App
Lec3/first React APP/src/App.jsx - First Counter
Lec3/first React APP/src/Counter.jsx - Counter Entry
Lec4/Counter/src/main.jsx - Counter App
Lec4/Counter/src/App.jsx - Todo Entry
Lec4/TodoList/src/main.jsx - Todo App
Lec4/TodoList/src/App.jsx - Todo Entry
Lec5/TodoList/src/main.jsx - Todo App
Lec5/TodoList/src/App.jsx - Todo Entry
Lec6/TodoList/src/main.jsx - Todo App
Lec6/TodoList/src/App.jsx - Todo Functions
Lec6/TodoList/src/functions.js
React Data Demos
- Finder Entry
Lec8/GithubFinder/src/main.jsx - GitHub Finder
Lec8/GithubFinder/src/App.jsx - GitHub API
- Quotes Entry
Lec6/useEffect/src/main.jsx - Quotes Demo
Lec6/useEffect/src/App.jsx - Quotes Entry
Lec6/UseEffectInDepth/src/main.jsx - Quotes Demo
Lec6/UseEffectInDepth/src/App.jsx - Quotes API
- Clock Component
Lec6/useEffect/src/Interval.jsx - Clock Component
Lec6/UseEffectInDepth/src/Interval.jsx
Express Demo
- Express Server
Lec7/index.js - Task Array
Lec7/index.js - Public Script
Lec7/public/script.js
JavaScript Lessons
- Lesson Script
Lec1/script.js - Lesson Script
Lec2/script.js - Project Script
Lec2/Project1/script.js - Babel Demo
Lec2/babel.js - React Script
Lec3/otherReactApp/script.js
Other components
- Learner
- Browser User
- HTTP Client
Connections 24
- Learner → First React Entry: opens demo
- First React Entry → First App: renders
- First React Entry → First Counter: renders
- Learner → Counter Entry: opens demo
- Counter Entry → Counter App: renders
- Learner → Todo Entry: opens demo
- Todo Entry → Todo App: renders
- Learner → Todo Entry: opens demo
- Todo Entry → Todo App: renders
- Learner → Todo Entry: opens demo
- Todo Entry → Todo App: renders
- Learner → Finder Entry: opens demo
- Finder Entry → GitHub Finder: renders
- GitHub Finder → GitHub API: fetches profile
- Learner → Quotes Entry: opens demo
- Quotes Entry → Clock Component: renders
- Quotes Demo → Quotes API: fetches quotes
- Learner → Quotes Entry: opens demo
- Quotes Entry → Clock Component: renders
- Quotes Demo → Quotes API: fetches quotes
- Browser User → Express Server: requests page
- Express Server → Public Script: serves static
- HTTP Client → Express Server: posts task
- Express Server → Task Array: appends task