14-machine-coding-interview: Update Readme

14-machine-coding-interview/README.md

@@ -2,9 +2,19 @@
 
 This chapter helps us to prepare for machine coding round of interview. How to practice, plan and develop an app in the Live Coding interview.
 
+### Topics Coverd:-
+
+Creating `youtube clone` in 2hr:
+- `Time Management`: Do proper planning & Requirement clarification with the interviewer:
+	- `Clear the requirements (features to build)` (5 min)
+	- `Discuss the Tech Stack (High Level Design)`  (5 min)
+	- `Planning UI design (Low Level Design)` (5 min)
+- `Execute`: Started building Youtube Clone.
+
+
 ## Notes:
 
-- [Notes.md](https://github.com/deltanode/react-playground/blob/main/14-machine-coding-interview/notes.md)
+- [Notes.md](./notes.md)
 
 ## Try it Yourself:
 
@@ -15,6 +25,11 @@ This chapter helps us to prepare for machine coding round of interview. How to p
 	<li>Record yourself and share the link of your recording on #assignment channel on discord</li>
 </ul>
 
+### Quick Code Reference
+
+| Project | Tech Stack | Source Code |
+| --- | --- | --- |
+| Youtube Clone | React | <ul><li>- [x] [index.html](./public/index.html)</li><li>- [x] [App.js](./src/App.js)</li><li>- [x] [Header.js](./src/components/Header.js)</li><li>- [x] [Body.js](./src/components/Body.js)</li><li>- [x] [SideBar.js](./src/components/SideBar.js)</li><li>- [x] [Link.js](./src/components/Link.js)</li><li>- [x] [MainContainer.js](./src/components/MainContainer.js)</li><li>- [x] [ButtonList.js](./src/components/ButtonList.js)</li><li>- [x] [Button.js](./src/components/Button.js)</li><li>- [x] [VideoContainer.js](./src/components/VideoContainer.js)</li><li>- [x] [VideoCard.js](./src/components/VideoCard.js)</li><li>- [x] [appSlice.js](./src/utils/appSlice.js)</li><li>- [x] [store.js](./src/utils/store.js)</li><li>- [x] [WatchPage.js](./src/components/WatchPage.js)</li><li>- [x] [constant.js](./src/constant.js)</li></ul> |
 
 ## References: