├── .gitignore ├── Cohort 2 Warmup Videos ├── 1. Intro, Setting up your IDE │ └── readme.md ├── 2. Basic HTML - Tags and Attributes │ ├── index.html │ ├── zerodha-landing-page.png │ └── zerodha-logo.svg ├── 3. Basic CSS │ ├── images │ │ ├── zerodha-favicon.png │ │ ├── zerodha-landing-page.png │ │ └── zerodha-logo.svg │ └── index.html ├── Assignment Solution │ ├── Portfolio-Returns-Calculator │ │ ├── index.html │ │ ├── script.js │ │ └── styles.css │ └── Zerodha-Clone │ │ ├── images │ │ ├── ecosystem.png │ │ ├── favicon.png │ │ ├── index-education.svg │ │ ├── landing-page.png │ │ ├── logo.svg │ │ ├── other-trades.svg │ │ ├── press-logos.png │ │ └── pricing-eq.svg │ │ ├── index.html │ │ └── styles.css ├── Cohort 2 Warmup Videos Assignment.md ├── Cohort 2 Warmup Videos Notes.md └── assignmentPic.png ├── Lecture Slides.md ├── README.md ├── Week 01 - Orientation, HTML,CSS,Basic JS ├── 1.1 - Web Dev + Devops Orientation │ ├── 1.1 - Web Dev + Devops Orientation Assignment.md │ ├── 1.1 - Web Dev + Devops Orientation Notes.md │ ├── Assignment Solution │ │ └── VSCode-Clone │ │ │ ├── images │ │ │ ├── image1.png │ │ │ ├── image2.png │ │ │ ├── image3.png │ │ │ ├── image4.png │ │ │ ├── light.svg │ │ │ ├── logo.png │ │ │ └── programmin-language-images │ │ │ │ ├── c++.png │ │ │ │ ├── csharp.png │ │ │ │ ├── html.png │ │ │ │ ├── java.png │ │ │ │ ├── js.png │ │ │ │ ├── json.png │ │ │ │ ├── markdown.png │ │ │ │ ├── php.png │ │ │ │ ├── powershell.png │ │ │ │ ├── python.png │ │ │ │ ├── ts.png │ │ │ │ ├── windows.png │ │ │ │ └── yaml.png │ │ │ ├── index.css │ │ │ └── index.html │ └── Lecture Codes │ │ ├── index.css │ │ └── index.html └── 1.2 - Basics of JavaScript │ ├── 1.2 - Basics of JavaScript Assignment.md │ ├── 1.2 - Basics of JavaScript Notes.md │ ├── Assignment Solution │ ├── 1_Zerodha-Clone │ │ ├── images │ │ │ ├── ecosystem.png │ │ │ ├── favicon.png │ │ │ ├── index-education.svg │ │ │ ├── landing-page.png │ │ │ ├── logo.svg │ │ │ ├── other-trades.svg │ │ │ ├── press-logos.png │ │ │ └── pricing-eq.svg │ │ ├── index.html │ │ └── styles.css │ ├── 2_variables.js │ ├── 3_functions.js │ ├── 4_ifElse.js │ ├── 5_loops.js │ ├── 6_objects.js │ ├── 7_arrays.js │ ├── 8_arrayOfObjects.js │ └── 9_objectOfObjects.js │ └── Lecture Codes │ ├── 01_variable.js │ ├── 02_letVsConst.js │ ├── 03_datatypes.js │ ├── 04_operators.js │ ├── 05_functions.js │ ├── 06_ifElse.js │ ├── 07_loops.js │ ├── 08_arrays.js │ ├── 09_objects.js │ ├── 10_arrayOfObjects.js │ └── 11_objectOfObjects.js ├── Week 02 - Async JS ├── 2.1 - Async JS │ ├── 2.1 - Async JS Assignment.md │ ├── 2.1 - Async JS Notes.md │ ├── Assignment Solution │ │ ├── a.txt │ │ ├── assignment1Solution.js │ │ ├── assignment2Solution.js │ │ └── assignment3Solution.js │ └── Lecture Codes │ │ ├── 01_sumOfTwoNumbers.js │ │ ├── 02_sumFrom1ToN.js │ │ ├── 03_synchronousCode.js │ │ ├── 04_readingFile.js │ │ ├── 05_readingTwoFile.js │ │ ├── 06_cpuBoundTasks.js │ │ ├── 07_ioBoundTasks.js │ │ ├── 08_synchronouslyCode1.js │ │ ├── 09_synchronouslyCode2.js │ │ ├── 10_functionalArgumentApproach1.js │ │ ├── 11_functionalArgumentApproach2.js │ │ ├── 12_readFileAsynchronousWay.js │ │ ├── 13_setTimeout.js │ │ ├── 14_asyncronousCode.js │ │ ├── 15_callStack.js │ │ ├── a.txt │ │ └── b.txt └── 2.2 - Promises │ ├── 2.2 - Promises Assignment.md │ ├── 2.2 - Promises Notes.md │ ├── Assignment Solution │ ├── a.txt │ ├── assignment1Solution.js │ ├── assignment2Solution.js │ ├── assignment3Solution.js │ ├── assignment4Solution.js │ ├── assignment5Solution.js │ └── assignment6Solution.js │ └── Lecture Codes │ ├── 01_classes.js │ ├── 02_inheritance.js │ ├── 03_dateClass.js │ ├── 04_mapClass.js │ ├── 05_promiseClass.js │ ├── 06_callbackHell.js │ ├── 07_promisifiedVersionOfReadFile.js │ └── a.txt ├── Week 02 - Offline Videos ├── 1. Bash and Terminals (Basics) │ └── 1. Bash and Terminals Basics.md ├── 2. Bash Advance │ └── 2. Bash Advanced.md ├── 3. Installing Node.js, How to solve an assignment │ ├── 1-counter.js │ ├── 2-counter.js │ ├── a.js │ ├── anagram.js │ └── findLargestElement.js ├── 4. Solving VSCode Assignment │ ├── 0-horizontal-align │ │ ├── README.md │ │ ├── index.html │ │ └── photo.png │ ├── 1-vertical-align │ │ ├── README.md │ │ ├── index.html │ │ └── photo.png │ ├── 2-flex-layout │ │ ├── README.md │ │ ├── index.html │ │ └── photo.png │ ├── 3-grid-layout │ │ ├── README.md │ │ ├── index.html │ │ └── photo.png │ ├── 4-more-complicated-grid │ │ ├── README.md │ │ ├── index.html │ │ └── photo.png │ ├── 5-vscode-bottombar │ │ ├── README.md │ │ ├── index.html │ │ └── photo.png │ └── 6-vs-code-landing-page │ │ ├── README.md │ │ ├── index.css │ │ └── index.html ├── 5. Callback hell, Rejects and async-await │ ├── 01_promisifiedSetTimeout.js │ ├── 02_callbackHell.js │ ├── 03_PrimisifiedSetTimeoutCallbackHell.js │ ├── 04_promiseChaining.js │ ├── 05_asyncAwait.js │ ├── 06_readFileUsingAsyncAwait.js │ ├── 07_errorVsReject.js │ └── a.txt ├── Assignment Solution │ ├── Assignment1 Solution - VSCode-Clone │ │ ├── images │ │ │ ├── image1.png │ │ │ ├── image2.png │ │ │ ├── image3.png │ │ │ ├── image4.png │ │ │ ├── light.svg │ │ │ ├── logo.png │ │ │ └── programmin-language-images │ │ │ │ ├── c++.png │ │ │ │ ├── csharp.png │ │ │ │ ├── html.png │ │ │ │ ├── java.png │ │ │ │ ├── js.png │ │ │ │ ├── json.png │ │ │ │ ├── markdown.png │ │ │ │ ├── php.png │ │ │ │ ├── powershell.png │ │ │ │ ├── python.png │ │ │ │ ├── ts.png │ │ │ │ ├── windows.png │ │ │ │ └── yaml.png │ │ ├── index.css │ │ └── index.html │ └── Assignment2 Solution │ │ ├── a.txt │ │ └── index.js ├── Week 02 - Offline Videos Assignment.md └── Week 02 - Offline Videos Notes.md ├── Week 03 - DOM ├── 3.1 - DOM Simple │ ├── Assignment Solution │ │ ├── Assignment 1 Solution │ │ │ ├── index.html │ │ │ └── index.js │ │ ├── Assignment 2 Solution │ │ │ ├── index.html │ │ │ └── index.js │ │ ├── Assignment 3 Solution │ │ │ ├── index.html │ │ │ └── index.js │ │ ├── Assignment 4 Solution │ │ │ ├── index.html │ │ │ └── index.js │ │ ├── Assignment 5 Solution │ │ │ ├── index.html │ │ │ └── index.js │ │ ├── Assignment 6 Solution │ │ │ ├── index.html │ │ │ └── index.js │ │ └── Assignment 7 Solution - Todo App │ │ │ ├── index.html │ │ │ ├── script.js │ │ │ └── styles.css │ ├── Lecture Codes │ │ ├── 1. Static HTML │ │ │ └── index.html │ │ ├── 2. Fetching Elements │ │ │ ├── index.html │ │ │ └── index.js │ │ ├── 3. Updating Elements │ │ │ ├── index.html │ │ │ └── index.js │ │ ├── 4. Deleting Elements │ │ │ ├── index.html │ │ │ └── index.js │ │ ├── 5. Adding Elements │ │ │ ├── index.html │ │ │ └── index.js │ │ └── 6. Complex Elements │ │ │ ├── index.html │ │ │ └── index.js │ ├── Week 03 - DOM Manipulation Assignment.md │ └── Week 03 - DOM Manipulation Notes.md └── 3.2 - DOM Advance │ ├── 3.2 - DOM Advance Assignment.md │ ├── 3.2 - DOM Advance Notes.md │ ├── Assignment Solution │ └── todo-app │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── TodoItem.jsx │ │ ├── index.css │ │ └── main.jsx │ │ └── vite.config.js │ └── Lecture Codes │ ├── 1. Complex DOM Manipulation │ ├── index.html │ └── index.js │ ├── 2. Finishing the Todo App - 2 │ ├── index.html │ └── index.js │ ├── 3. Todo App │ ├── index.html │ └── index.js │ ├── 4. State Derived Frontends and Rendering │ ├── index.html │ └── index.js │ ├── 5. Add Todo Functionality │ ├── index.html │ └── index.js │ ├── 6. Delete Functionality │ ├── index.html │ └── index.js │ └── 7. Todo-List App │ ├── index.html │ ├── index.js │ └── style.css ├── Week 04 - Node.js and HTTP ├── 4.1 - Node.js, Bun and JS Runtimes │ ├── 4.1 - Node.js, Bun and JS Runtimes Assignment.md │ ├── 4.1 - Node.js, Bun and JS Runtimes Notes.md │ ├── Assignment Solution │ │ ├── Assignment 1 Solution │ │ │ ├── a.txt │ │ │ ├── index.js │ │ │ ├── package-lock.json │ │ │ └── package.json │ │ └── Assignment 2 Solution │ │ │ ├── index.js │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ └── todos.json │ └── Lecture Codes │ │ ├── 01_Node and Bun │ │ └── index.js │ │ ├── 02_Starting NodeJS Project │ │ ├── index.js │ │ └── package.json │ │ ├── 03_npm │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ │ ├── 04_Internal Packages │ │ ├── index.js │ │ └── package.json │ │ ├── 05_External Packages │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ │ ├── 06_Count Number of Words of the File │ │ ├── a.txt │ │ └── index.js │ │ └── 07_Count Number of Words and Lines of the File using CLI │ │ ├── a.txt │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json └── 4.2 - HTTP Servers │ ├── 4.2 - HTTP Servers Assignment.md │ ├── 4.2 - HTTP Servers Notes.md │ ├── Assignment Solution │ ├── Assignment 1 Solution - todo app │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── Assignment 2 Solution - file based todo app │ │ ├── index.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── todos-data.json │ └── Lecture Codes │ └── todo-app │ ├── index.js │ ├── package-lock.json │ └── package.json ├── Week 04 - Offline Videos ├── 1. Express and HTTP Server, Postman │ ├── 01_creatingHttpServer.js │ ├── 02_sumFrom1ToN.js │ ├── 03_sumOf2Numbers.js │ ├── 04_createHospitalGameBackend.js │ ├── package-lock.json │ └── package.json ├── 2. Middleware │ ├── 01_checkAgeForRide.js │ ├── 02_ticketChecker.js │ ├── 03_requestCount.js │ ├── 04_rateLimitter.js │ ├── 05_errorCount.js │ ├── README.md │ ├── package-lock.json │ └── package.json ├── Assignment Solution │ ├── Assignment 1 Solution - Create Hospital Game Backend │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── Assignment 2 Solution - File Server │ │ ├── files │ │ │ ├── a.txt │ │ │ └── b.txt │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── Assignment 3 Solution - Todo Server │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── Assignment 4 Solution - File Based Todo Server │ │ ├── index.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── todos.json │ ├── Assignment 5 Solution - Request Count │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── Assignment 6 Solution - Rate Limitter │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── Assignment 7 Solution - Error Count │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json ├── Week 04 - Offline Videos Assignment.md └── Week 04 - Offline Videos Notes.md ├── Week 05 - Offline Videos ├── 1. Git and Github │ └── 1. Git and Github.md ├── 2. Map, Filter and Arrow fns │ ├── arrowFunctions.js │ ├── filter.js │ └── map.js ├── 3. Axios vs Fetch │ ├── axios │ │ ├── index.html │ │ └── script.js │ └── fetch │ │ └── script.js ├── Assignment Solution │ ├── assignment1Solution.js │ └── assignment2Solution.js ├── Week 05 - Offline Videos Assignment.md └── Week 05 - Offline Videos Notes.md ├── Week 05 ├── 5.1 - Headers, Query params and Express │ ├── 5.1 - Headers, Query params and Express Assignment.md │ ├── 5.1 - Headers, Query params and Express Notes.md │ ├── Assignment Solution │ │ ├── Assignment 1 Solution │ │ │ ├── index.js │ │ │ ├── package-lock.json │ │ │ └── package.json │ │ ├── Assignment 2 Solution │ │ │ ├── index.js │ │ │ ├── package-lock.json │ │ │ └── package.json │ │ └── Assignment 3 Solution - Request Count │ │ │ ├── index.js │ │ │ ├── package-lock.json │ │ │ └── package.json │ └── Lecture Codes │ │ ├── 01_Fetch API using Fetch Method │ │ ├── index.html │ │ └── script.js │ │ ├── 02_Fetch API using Axios External Library │ │ ├── index.html │ │ └── script.js │ │ └── 03_Create an HTTP Server │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json └── 5.2 - Middlewares and Cors │ ├── 5.2 - Middlewares and Cors Assignment.md │ ├── 5.2 - Middlewares and Cors Notes.md │ ├── Assignment Solution │ ├── Assignment 1 Solution - Make Calculator │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── Assignment 2 Solution - Request Logger │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── Assignment 3 Solution - Request Count │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── Assignment 4 Solution - Sum │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── Assignment 5 Solution - Hit Backend using fetch │ │ ├── index.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── public │ │ └── index.html │ ├── Lecture Codes │ ├── 01_Create Inline Middleware │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── 02_Create Global Middleware │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── 03_Log Method, URL and Timestamp │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── 04_express.json External Middleware │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── 05_cors - Cross Origin Resource Sharing │ │ ├── index.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── public │ │ └── index.html │ └── assignment-image.png ├── Week 06 - Offline Videos ├── 1. JWT and Auth Recap │ ├── JWT │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── try-catch │ │ ├── index.js │ │ └── tryCatch.js ├── 2. Mongo Installation │ └── 2. Mongo Installation.md ├── Assignment Solution │ ├── Assignment 1 Solution │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ ├── Assignment 2 Solution │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── Assignment 3 Solution │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json ├── Week 06 - Offline Videos Assignment.md └── Week 06 - Offline Videos Notes.md ├── Week 06 ├── 6.1 - HTTP Deep Dive │ ├── 6.1 - HTTP Deep Dive Assignment.md │ ├── 6.1 - HTTP Deep Dive Notes.md │ ├── Assignment Solution │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── Lecture Codes │ │ ├── 01_Basic Auth │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ │ └── 02_JWT │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json └── 6.2 - Auth and Connecting FE to BE │ ├── 6.2 - Auth and Connecting FE to BE Assignment.md │ ├── 6.2 - Auth and Connecting FE to BE Notes.md │ ├── Assignment Solution │ ├── Assignment 1 Solution - Auth App │ │ ├── index.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── public │ │ │ └── index.html │ └── Assignment 2 Solution - Todo App │ │ ├── index.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── public │ │ ├── index.html │ │ ├── script.js │ │ └── styles.css │ └── Lecture Codes │ ├── 01_JWT Authentication with Middleware │ ├── index.js │ ├── package-lock.json │ └── package.json │ └── 02_LocalStorage and Connecting Frontend │ ├── index.js │ ├── package-lock.json │ ├── package.json │ └── public │ └── index.html ├── Week 07 - MongoDB ├── 7.1 - MongoDB │ ├── 7.1 - MongoDB Assignment.md │ ├── 7.1 - MongoDB Notes.md │ ├── Assignment Solution │ │ ├── db.js │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── Lecture Codes │ │ ├── db.js │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json └── 7.2 - Passwords, Zod │ ├── 7.2 - Passwords, Zod Assignment.md │ ├── 7.2 - Passwords, Zod Notes.md │ ├── Assignment Solution │ ├── Assignment 1 Solution │ │ ├── auth.js │ │ ├── db.js │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── Assignment 2 Solution - Todo App │ │ ├── README.md │ │ ├── auth.js │ │ ├── db.js │ │ ├── index.js │ │ ├── package-lock.json │ │ └── package.json │ └── Lecture Codes │ ├── auth.js │ ├── db.js │ ├── index.js │ ├── package-lock.json │ └── package.json ├── Week 08 - Course Selling App ├── 8.1 - Backend of Course Selling App │ ├── 8.1 - Backend of Course Selling App Assignment.md │ ├── 8.1 - Backend of Course Selling App Notes.md │ ├── Assignment Solution │ │ └── Assignment 1 Solution - Course-Selling-App │ │ │ ├── .env │ │ │ ├── db.js │ │ │ ├── index.js │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ └── routes │ │ │ ├── admin.js │ │ │ ├── course.js │ │ │ └── user.js │ └── Lecture Codes │ │ └── Course-Selling-App │ │ ├── README.md │ │ ├── db.js │ │ ├── index.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── routes │ │ ├── admin.js │ │ ├── course.js │ │ └── user.js └── 8.2 - Backend of Course Selling App - Part 2 │ ├── 8.2 - Backend of Course Selling App - Part 2 Assignment.md │ ├── 8.2 - Backend of Course Selling App - Part 2 Notes.md │ ├── Assignment Solution │ └── Assignment 1 Solution - Session Bases Authentication │ │ ├── .env.example │ │ ├── config │ │ └── sessionConfig.js │ │ ├── controllers │ │ ├── adminController.js │ │ ├── courseController.js │ │ └── userController.js │ │ ├── db.js │ │ ├── index.js │ │ ├── middleware │ │ ├── adminMiddleware.js │ │ ├── adminSessionMiddleware.js │ │ ├── userMiddleware.js │ │ └── userSessionMiddleware.js │ │ ├── models │ │ ├── adminModel.js │ │ ├── courseModel.js │ │ ├── purchaseModel.js │ │ └── userModel.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── routes │ │ ├── admin.js │ │ ├── course.js │ │ └── user.js │ └── Lecture Codes │ └── Course-Selling-App │ ├── .env │ ├── .env.example │ ├── README.md │ ├── config.js │ ├── db.js │ ├── index.js │ ├── middleware │ ├── admin.js │ └── user.js │ ├── package-lock.json │ ├── package.json │ └── routes │ ├── admin.js │ ├── course.js │ └── user.js ├── Week 08 - Offline Videos └── Mongo Deep Dive │ ├── Assignment Solution │ ├── Assignment 1 Solution - Course Selling App │ │ ├── README.md │ │ ├── config.js │ │ ├── db │ │ │ └── index.js │ │ ├── index.js │ │ ├── middleware │ │ │ ├── admin.js │ │ │ └── user.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── routes │ │ │ ├── admin.js │ │ │ └── user.js │ └── Assignment 2 Solution - Course Selling App │ │ ├── README.md │ │ ├── config.js │ │ ├── db │ │ └── index.js │ │ ├── index.js │ │ ├── middleware │ │ ├── admin.js │ │ └── user.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── routes │ │ ├── admin.js │ │ └── user.js │ ├── Lecture Codes │ ├── 01_mongo │ │ ├── README.md │ │ ├── db │ │ │ └── index.js │ │ ├── index.js │ │ ├── middleware │ │ │ ├── admin.js │ │ │ └── user.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── routes │ │ │ ├── admin.js │ │ │ └── user.js │ └── 02_mongo-with-jwt-auth │ │ ├── README.md │ │ ├── config.js │ │ ├── db │ │ └── index.js │ │ ├── index.js │ │ ├── middleware │ │ ├── admin.js │ │ └── user.js │ │ ├── package-lock.json │ │ ├── package.json │ │ └── routes │ │ ├── admin.js │ │ └── user.js │ ├── Mongo Deep dive Assignment.md │ └── Mongo Deep dive Notes.md ├── Week 09 - React ├── 9.1 - React Basics │ ├── 9.1 - React Basics Assignment.md │ ├── 9.1 - React Basics Notes.md │ ├── Assignment Solution │ │ └── Assignment 1 Solution - Todo App │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ └── vite.svg │ │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── Todo.jsx │ │ │ ├── TodoItem.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ │ └── vite.config.js │ └── Lecture Codes │ │ ├── 01_counter-app-using-dom │ │ └── index.html │ │ ├── 02_counter-app-using-component-and-state │ │ └── index.html │ │ ├── 03_counter-app-using-react │ │ ├── .gitignore │ │ ├── README.md │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── index.html │ │ └── src │ │ │ ├── App.css │ │ │ ├── App.js │ │ │ ├── index.css │ │ │ └── index.js │ │ └── 04_todo-app │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── index.css │ │ └── main.jsx │ │ └── vite.config.js ├── 9.2 - React useState │ ├── 9.2 - React useState Assignment.md │ ├── 9.2 - React useState Notes.md │ ├── Assignment Solution │ │ ├── Assignment 1 Solution - Counter App │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── CounterApp.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ └── Assignment 2 Solution - Fetching User Data │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ └── vite.svg │ │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── UserData.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ │ └── vite.config.js │ └── Lecture Codes │ │ ├── 01_useState-hooks │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 02_useEffect-hooks │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 03_conditional-rendering │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ └── 04_useEffect-cleanup-and-dependency-array │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── index.css │ │ └── main.jsx │ │ └── vite.config.js ├── 9.3 - React From Basic Part 1 (Recorded) │ ├── 9.3 - React From Basic Part 1 (Recorded) Assignment.md │ ├── 9.3 - React From Basic Part 1 (Recorded) Notes.md │ ├── Assignment Solution │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── PostComponent.jsx │ │ │ ├── ProfileComponent.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── Lecture Codes │ │ ├── 01_create-react-app │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 02_components │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 03_props │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 04_condetional-rendering │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 05_useState │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 06_useState-2 │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── PostComponent.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 07_linkedin-notification │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 08_useEffect │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 09_linkedin-like-topbar │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ ├── 10_countdown-app-with-cleanup │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ └── 11_fetch-data │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ └── vite.svg │ │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ │ └── vite.config.js │ └── profile-card.png └── 9.4 - React From Basic Part 2 (Recorded) │ ├── 9.4 - React From Basic Part 2 (Recorded) Assignment.md │ ├── 9.4 - React From Basic Part 2 (Recorded) Notes.md │ ├── Assignment Solution │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── vite.svg │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── Notifications.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── index.css │ │ └── main.jsx │ └── vite.config.js │ ├── Lecture Codes │ ├── 01_children-props │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 02_modals │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 03_collapsible-section │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 04_lists-and-keys │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 05_inline-css │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 06_class-based-vs-functional-components │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 07_class-components-lifecycle-events │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 08_functional-components-lifecycle-events │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 09_error-boundary │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── ErrorBoundary.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ └── 10_fragment │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── index.css │ │ └── main.jsx │ │ └── vite.config.js │ └── notifications-count.png ├── Week 10 ├── 10.1 - React Part 2 (SPAs, Routing) │ ├── 10.1 - React Part 2 (SPAs, Routing) Assignment.md │ ├── 10.1 - React Part 2 (SPAs, Routing) Notes.md │ ├── Assignment Solution │ │ └── allen-clone │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ ├── images │ │ │ │ ├── favicon.png │ │ │ │ ├── logo.png │ │ │ │ └── scholarship1.png │ │ │ └── vite.svg │ │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── components │ │ │ │ ├── Exams.jsx │ │ │ │ ├── Footer.jsx │ │ │ │ ├── Layout.jsx │ │ │ │ ├── Navbar.jsx │ │ │ │ ├── Programs.jsx │ │ │ │ └── Scholarships.jsx │ │ │ ├── index.css │ │ │ ├── main.jsx │ │ │ └── menuItems.jsx │ │ │ └── vite.config.js │ └── Lecture Codes │ │ ├── 01_routing │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 02_layout │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ └── 03_useRef-hooks │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── index.css │ │ └── main.jsx │ │ └── vite.config.js └── 10.2 - React Part 3 (Context API, Rolling Up The State) │ ├── 10.2 - React Part 3 (Context API, Rolling Up The State) Assignment.md │ ├── 10.2 - React Part 3 (Context API, Rolling Up The State) Notes.md │ ├── Assignment Solution │ └── multilevel-dropdown-menu │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── components │ │ │ ├── Dropdown.jsx │ │ │ ├── Header.jsx │ │ │ ├── MenuItems.jsx │ │ │ ├── MobileDropdown.jsx │ │ │ ├── MobileMenuItems.jsx │ │ │ ├── MobileNav.jsx │ │ │ └── Navbar.jsx │ │ ├── error-page.jsx │ │ ├── index.css │ │ ├── main.jsx │ │ ├── menuItemsData.js │ │ └── routes │ │ │ ├── about.jsx │ │ │ ├── frontend.jsx │ │ │ ├── node.jsx │ │ │ ├── php.jsx │ │ │ ├── root.jsx │ │ │ ├── seo.jsx │ │ │ ├── services.jsx │ │ │ ├── web-design.jsx │ │ │ └── web-dev.jsx │ │ └── vite.config.js │ ├── Lecture Codes │ ├── 01_state-experiments │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 02_rolling-up-the-state │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 03_prop-drilling │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 04_context-api │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── BulbContextProvider.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 05_context-api-example-2 │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── CountContextProvider.jsx │ │ │ ├── Parent.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ ├── 06_state-management-using-recoil-library │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── Parent.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ └── 07_state-management-using-zustand-library │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── Parent.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── index.css │ │ ├── main.jsx │ │ └── useCounterStore.jsx │ │ └── vite.config.js │ └── project_demo.gif ├── Week 11 ├── 11.1 - Custom Hooks │ ├── 11.1 - Custom Hooks Assignment.md │ ├── 11.1 - Custom Hooks Notes.md │ ├── Assignment Solution │ │ ├── Assignment 1 Solution - useIsOnline-hook │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── hooks │ │ │ │ │ └── useIsOnline.js │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ └── vite.config.js │ │ └── Assignment 3 Solution - usePrev-hook │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ └── vite.svg │ │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── CustomUsePrevious.jsx │ │ │ ├── UsePreviousFromuseHooks.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── hooks │ │ │ │ └── usePrev.jsx │ │ │ ├── index.css │ │ │ └── main.jsx │ │ │ └── vite.config.js │ └── Lecture Codes │ │ ├── 01_useCounter-custom-hooks │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 02_useFetch-custom-hooks │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── hooks │ │ │ │ └── useFetch.jsx │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 03_useFetch-with-re-fetching │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── hooks │ │ │ │ └── useFetch.jsx │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 04_usePrev-custom-hooks │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── hooks │ │ │ │ └── usePrev.jsx │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 05_debounced-search-backend │ │ └── index.js │ │ └── 06_useDebounce-custom-hooks │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── hooks │ │ │ └── useDebounce.jsx │ │ ├── index.css │ │ └── main.jsx │ │ └── vite.config.js ├── 11.2 - Recoil │ ├── 11.2 - Recoil Assignment.md │ ├── 11.2 - Recoil Notes.md │ ├── Assignment Solution │ │ └── amazon-cart │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── public │ │ │ └── vite.svg │ │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── components │ │ │ │ ├── AmazonStyleCart.jsx │ │ │ │ ├── AmazonStyleCart.module.js │ │ │ │ ├── Header.jsx │ │ │ │ ├── Header.module.js │ │ │ │ ├── ProductModal.jsx │ │ │ │ ├── ProductModal.module.js │ │ │ │ ├── PurchaseModal.jsx │ │ │ │ ├── Sidebar.jsx │ │ │ │ ├── WishList.jsx │ │ │ │ ├── WishListStyles.module.js │ │ │ │ ├── index.js │ │ │ │ └── wishItemsState.js │ │ │ ├── index.css │ │ │ ├── main.jsx │ │ │ └── store │ │ │ │ ├── cartItemsState.js │ │ │ │ ├── cartTotalSelector.js │ │ │ │ └── wishItemsState.js │ │ │ └── vite.config.js │ └── Lecture Codes │ │ ├── 01_counter-app │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 02_counter-app-using-context-api │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── CountContextProvider.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ ├── 03_counter-app-using-recoil │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ ├── main.jsx │ │ │ └── store │ │ │ │ └── atoms │ │ │ │ └── counter.js │ │ └── vite.config.js │ │ ├── 04_memo-in-react │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ │ └── 05_selectors-in-recoil │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── index.css │ │ ├── main.jsx │ │ └── store │ │ │ └── counter.js │ │ └── vite.config.js └── 11.3 - Recoil Deep Dive (Offline) │ ├── 11.3 - Recoil Deep Dive (Offline) Assignment.md │ ├── 11.3 - Recoil Deep Dive (Offline) Notes.md │ ├── Assignment Solution │ ├── Assignment 1 Solution │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ └── vite.svg │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── ErrorBoundary.jsx │ │ │ ├── assets │ │ │ │ └── react.svg │ │ │ ├── atoms.js │ │ │ ├── index.css │ │ │ └── main.jsx │ │ └── vite.config.js │ └── Assignment 2 Solution │ │ ├── .gitignore │ │ ├── README.md │ │ ├── eslint.config.js │ │ ├── index.html │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ └── vite.svg │ │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── atoms.js │ │ ├── index.css │ │ └── main.jsx │ │ └── vite.config.js │ └── Lecture Codes │ ├── 01_atoms │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── vite.svg │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── atoms.js │ │ ├── index.css │ │ └── main.jsx │ └── vite.config.js │ ├── 02_selectors │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── vite.svg │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── atoms.js │ │ ├── index.css │ │ └── main.jsx │ └── vite.config.js │ ├── 03_asynchronous-data-queries │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── vite.svg │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── atoms.js │ │ ├── index.css │ │ └── main.jsx │ └── vite.config.js │ ├── 04_atom-family │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── vite.svg │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── atoms.js │ │ ├── index.css │ │ ├── main.jsx │ │ └── todos.js │ └── vite.config.js │ ├── 05_selector-family │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── vite.svg │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── atoms.js │ │ ├── index.css │ │ └── main.jsx │ └── vite.config.js │ ├── 06_use-recoil-value-loadable │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── vite.svg │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ └── react.svg │ │ ├── atoms.js │ │ ├── index.css │ │ └── main.jsx │ └── vite.config.js │ └── 07_use-recoil-state-loadable │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ └── vite.svg │ ├── src │ ├── App.css │ ├── App.jsx │ ├── assets │ │ └── react.svg │ ├── atoms.js │ ├── index.css │ └── main.jsx │ └── vite.config.js ├── Week 12 - Ui-Ux by Keshav ├── 12.1 - Ui-Ux Primitives by Keshav - Part 1 │ ├── 12.1 - Ui-Ux Primitives by Keshav - Part 1 Assignment.md │ ├── 12.1 - Ui-Ux Primitives by Keshav - Part 1 Notes.md │ ├── Assignment Solution │ │ └── solution.md │ └── Lecture Codes │ │ └── lecture-codes.md └── 12.2 - Ui-Ux Primitives by Keshav - Part 2 │ ├── 12.2 - Ui-Ux Primitives by Keshav - Part 2 Assignment.md │ ├── 12.2 - Ui-Ux Primitives by Keshav - Part 2 Notes.md │ ├── Assignment Solution │ └── vimal-pan-masala │ │ ├── .eslintrc.json │ │ ├── .gitignore │ │ ├── README.md │ │ ├── app │ │ ├── favicon.ico │ │ ├── fonts │ │ │ ├── GeistMonoVF.woff │ │ │ └── GeistVF.woff │ │ ├── globals.css │ │ ├── layout.tsx │ │ └── page.tsx │ │ ├── components.json │ │ ├── components │ │ ├── Card.tsx │ │ ├── Content.tsx │ │ ├── Footer.tsx │ │ ├── Hero.tsx │ │ └── Navbar.tsx │ │ ├── next.config.ts │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── postcss.config.mjs │ │ ├── public │ │ ├── card-image.png │ │ ├── file.svg │ │ ├── globe.svg │ │ ├── hero-image.png │ │ ├── next.svg │ │ ├── vercel.svg │ │ └── window.svg │ │ ├── tailwind.config.ts │ │ └── tsconfig.json │ └── Lecture Codes │ └── lecture-codes.md ├── Week 13 - Tailwind ├── 13.1 - Tailwind, Ref Arrays and Building Components │ ├── 13.1 - Tailwind, Ref Arrays and Building Components Assignment.md │ ├── 13.1 - Tailwind, Ref Arrays and Building Components Notes.md │ ├── Lecture Codes │ │ ├── 01_tailwind-with-react │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── postcss.config.js │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.jsx │ │ │ │ ├── components │ │ │ │ │ ├── FlexExample.jsx │ │ │ │ │ ├── GridExample.jsx │ │ │ │ │ └── ResponsivenessExample.jsx │ │ │ │ ├── index.css │ │ │ │ └── main.jsx │ │ │ ├── tailwind.config.js │ │ │ └── vite.config.js │ │ └── 02_project-using-tailwind │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── eslint.config.js │ │ │ ├── index.html │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ ├── postcss.config.js │ │ │ ├── public │ │ │ └── vite.svg │ │ │ ├── src │ │ │ ├── App.css │ │ │ ├── App.jsx │ │ │ ├── components │ │ │ │ ├── Button.jsx │ │ │ │ ├── Input.jsx │ │ │ │ ├── Otp.jsx │ │ │ │ └── components │ │ │ │ │ ├── Buttons.jsx │ │ │ │ │ ├── Input.jsx │ │ │ │ │ ├── Otp.jsx │ │ │ │ │ ├── Sidebar.jsx │ │ │ │ │ ├── answer │ │ │ │ │ └── SidebarClass1.jsx │ │ │ │ │ └── sidebars │ │ │ │ │ ├── Sidebar1.jsx │ │ │ │ │ ├── Sidebar2Transition.jsx │ │ │ │ │ ├── Sidebar3Transition.jsx │ │ │ │ │ └── Sidebar4.jsx │ │ │ ├── index.css │ │ │ └── main.jsx │ │ │ ├── tailwind.config.js │ │ │ └── vite.config.js │ ├── assignment-1.jpg │ └── assignment-2.png └── 13.2 - Tailwind Part 2, Creating Sidebars │ ├── 13.2 - Tailwind Part 2, Creating Sidebars Assignment.md │ ├── 13.2 - Tailwind Part 2, Creating Sidebars Notes.md │ └── Lecture Codes │ └── tailwind │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── postcss.config.js │ ├── public │ └── vite.svg │ ├── src │ ├── App.css │ ├── App.jsx │ ├── assets │ │ └── react.svg │ ├── components │ │ ├── Buttons.jsx │ │ ├── Input.jsx │ │ ├── Otp.jsx │ │ ├── Sidebar.jsx │ │ ├── answer │ │ │ └── SidebarClass1.jsx │ │ └── sidebars │ │ │ ├── Sidebar1.jsx │ │ │ ├── Sidebar2Transition.jsx │ │ │ ├── Sidebar3Transition.jsx │ │ │ └── Sidebar4.jsx │ ├── index.css │ └── main.jsx │ ├── tailwind.config.js │ └── vite.config.js ├── Week 14 - TypeScript ├── 14.1 - TypeScript Part 1 │ ├── 14.1 - TypeScript Part 1 Assignment.md │ ├── 14.1 - TypeScript Part 1 Notes.md │ ├── Assignment Solution │ │ ├── src │ │ │ ├── 01_assignment1Solution.ts │ │ │ ├── 02_assignment2Solution.ts │ │ │ ├── 03_assignment3Solution.ts │ │ │ ├── 04_assignment4Solution.ts │ │ │ └── 05_assignment5Solution │ │ │ │ ├── .gitignore │ │ │ │ ├── README.md │ │ │ │ ├── eslint.config.js │ │ │ │ ├── index.html │ │ │ │ ├── package-lock.json │ │ │ │ ├── package.json │ │ │ │ ├── public │ │ │ │ └── vite.svg │ │ │ │ ├── src │ │ │ │ ├── App.css │ │ │ │ ├── App.tsx │ │ │ │ ├── Todo.tsx │ │ │ │ ├── assets │ │ │ │ │ └── react.svg │ │ │ │ ├── index.css │ │ │ │ ├── main.tsx │ │ │ │ └── vite-env.d.ts │ │ │ │ ├── tsconfig.app.json │ │ │ │ ├── tsconfig.json │ │ │ │ ├── tsconfig.node.json │ │ │ │ └── vite.config.ts │ │ └── tsconfig.json │ └── Lecture Codes │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ ├── 01_index.ts │ │ ├── 02_greetUser.ts │ │ ├── 03_sumOf2Numbers.ts │ │ ├── 04_checkAge.ts │ │ ├── 05_delayedFunction.ts │ │ ├── 06_objects.ts │ │ ├── 07_interfaces.ts │ │ └── 08_types.ts │ │ └── tsconfig.json └── 14.2 - TypeScript Part 2 │ ├── 14.2 - TypeScript Part 2 Assignment.md │ ├── 14.2 - TypeScript Part 2 Notes.md │ └── Lecture Codes │ ├── README.md │ ├── src │ ├── 01_functions.ts │ ├── 02_objectsAndInterfaces.ts │ ├── 03_interface.ts │ ├── 04_class.ts │ ├── 05_abstractClass.ts │ ├── 06_interfaceWithClass.ts │ └── 07_typesWithUnion.ts │ └── tsconfig.json ├── Week 15 └── 15.1 - Building a Second Brain App in TypeScript │ ├── 15.1 - Building a Second Brain App in TypeScript Assignment.md │ ├── 15.1 - Building a Second Brain App in TypeScript Notes.md │ └── Lecture Codes │ ├── README.md │ └── brainly │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── index.ts │ └── middleware.ts │ └── tsconfig.json └── Week 16 - Websockets ├── 16.1 - Websockets, Real Time Communication ├── 16.1 - Websockets, Real Time Communication Notes.md └── Lecture Codes │ ├── 01_websocket-basic │ ├── package-lock.json │ ├── package.json │ ├── src │ │ └── index.ts │ ├── tsconfig.json │ └── tsconfig.tsbuildinfo │ └── 02_chat-appliation │ ├── backend │ ├── dist │ │ └── index.js │ ├── package-lock.json │ ├── package.json │ ├── src │ │ └── index.ts │ ├── tsconfig.json │ └── tsconfig.tsbuildinfo │ └── frontend │ ├── .gitignore │ ├── README.md │ ├── eslint.config.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── public │ └── vite.svg │ ├── src │ ├── App.css │ ├── App.tsx │ ├── assets │ │ └── react.svg │ ├── index.css │ ├── main.tsx │ └── vite-env.d.ts │ ├── tsconfig.app.json │ ├── tsconfig.json │ ├── tsconfig.node.json │ └── vite.config.ts └── 16.2 - Chat App and More Projects using Websockets └── Lecture Codes └── 01_broadcast-chat-app └── backend ├── dist └── index.js ├── package-lock.json ├── package.json ├── src └── index.ts ├── tsconfig.json └── tsconfig.tsbuildinfo /.gitignore: -------------------------------------------------------------------------------- 1 | /**/node_modules/ 2 | /**/.env 3 | /**/.dist -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/1. Intro, Setting up your IDE/readme.md: -------------------------------------------------------------------------------- 1 | # **Intro, Setting up your IDE** 2 | 3 | ### Install VS Code -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/2. Basic HTML - Tags and Attributes/zerodha-landing-page.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Cohort 2 Warmup Videos/2. Basic HTML - Tags and Attributes/zerodha-landing-page.png -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/3. Basic CSS/images/zerodha-favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Cohort 2 Warmup Videos/3. Basic CSS/images/zerodha-favicon.png -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/3. Basic CSS/images/zerodha-landing-page.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Cohort 2 Warmup Videos/3. Basic CSS/images/zerodha-landing-page.png -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/Assignment Solution/Zerodha-Clone/images/ecosystem.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Cohort 2 Warmup Videos/Assignment Solution/Zerodha-Clone/images/ecosystem.png -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/Assignment Solution/Zerodha-Clone/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Cohort 2 Warmup Videos/Assignment Solution/Zerodha-Clone/images/favicon.png -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/Assignment Solution/Zerodha-Clone/images/landing-page.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Cohort 2 Warmup Videos/Assignment Solution/Zerodha-Clone/images/landing-page.png -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/Assignment Solution/Zerodha-Clone/images/press-logos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Cohort 2 Warmup Videos/Assignment Solution/Zerodha-Clone/images/press-logos.png -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/Cohort 2 Warmup Videos Assignment.md: -------------------------------------------------------------------------------- 1 | # **Cohort 2 Warmup Videos** 2 | 3 | 4 | ## 1. Create Zerodha Website Clone using HTML and CSS 5 | - [Zerodha Website Link](https://zerodha.com/) 6 | 7 | ## 2. Create this (Portfolio Returns Calculator) using HTML, CSS, JavaScript 8 | ![Assignment Image](./assignmentPic.png) -------------------------------------------------------------------------------- /Cohort 2 Warmup Videos/assignmentPic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Cohort 2 Warmup Videos/assignmentPic.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/1.1 - Web Dev + Devops Orientation Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 01 - 1.1 | Web Dev + Devops Orientation** 2 | 3 | 4 | ## Create VS Code Landing Page Clone 5 | 6 | ## [VS Code Website Link](https://code.visualstudio.com/) -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/image1.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/image2.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/image3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/image3.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/image4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/image4.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/logo.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/c++.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/c++.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/csharp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/csharp.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/html.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/java.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/java.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/js.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/json.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/json.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/markdown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/markdown.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/php.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/php.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/powershell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/powershell.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/python.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/python.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/ts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/ts.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/windows.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/yaml.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Assignment Solution/VSCode-Clone/images/programmin-language-images/yaml.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.1 - Web Dev + Devops Orientation/Lecture Codes/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #0e0e0e; 3 | color: white; 4 | width: 80%; 5 | } 6 | 7 | .topLink { 8 | color: gray; 9 | font-weight: 500; 10 | cursor: pointer; 11 | } -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Assignment Solution/1_Zerodha-Clone/images/ecosystem.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Assignment Solution/1_Zerodha-Clone/images/ecosystem.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Assignment Solution/1_Zerodha-Clone/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Assignment Solution/1_Zerodha-Clone/images/favicon.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Assignment Solution/1_Zerodha-Clone/images/landing-page.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Assignment Solution/1_Zerodha-Clone/images/landing-page.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Assignment Solution/1_Zerodha-Clone/images/press-logos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Assignment Solution/1_Zerodha-Clone/images/press-logos.png -------------------------------------------------------------------------------- /Week 01 - Orientation, HTML,CSS,Basic JS/1.2 - Basics of JavaScript/Lecture Codes/06_ifElse.js: -------------------------------------------------------------------------------- 1 | let age = 19; 2 | 3 | if (age >= 18) { 4 | console.log("Yes, you can vote"); 5 | } else { 6 | console.log("No, you can't vote"); 7 | } -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/2.1 - Async JS Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 02 - 2.1 | Async JS** 2 | 3 | 1. **Try to create promisified version of setTimeout** 4 | 2. **Create promisified version of fetch** 5 | 3. **Create promisified version of fs.readFile** -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/Assignment Solution/a.txt: -------------------------------------------------------------------------------- 1 | Hello From a.txt -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/Lecture Codes/01_sumOfTwoNumbers.js: -------------------------------------------------------------------------------- 1 | // funcction to add two numbers and return the sum 2 | function sum(a, b) { 3 | return a + b; 4 | } 5 | 6 | // calling the function and storing the result in a variable 7 | let ans = sum(2, 3) 8 | 9 | // printing the result 10 | console.log(ans); // 5 -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/Lecture Codes/04_readingFile.js: -------------------------------------------------------------------------------- 1 | // fs is stands for file system used to read and write files in your local system 2 | 3 | // import an external fs module 4 | const fs = require('fs'); 5 | 6 | // read file a.txt and store its content in contents variable 7 | const contents = fs.readFileSync("a.txt", "utf-8"); // synchronous way of reading file 8 | 9 | // print the contents of the file 10 | console.log(contents); -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/Lecture Codes/06_cpuBoundTasks.js: -------------------------------------------------------------------------------- 1 | // create a variable ans and set it to 0 2 | let ans = 0; 3 | 4 | // loop through 1 to 1000000 and add each number to ans 5 | for (let i = 1; i <= 1000000; i++) { 6 | ans = ans + i 7 | } 8 | 9 | // print the value of ans 10 | console.log(ans); // 500000500000 -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/Lecture Codes/07_ioBoundTasks.js: -------------------------------------------------------------------------------- 1 | // import an external fs module 2 | const fs = require('fs'); 3 | 4 | // read file a.txt and store its content in contents variable 5 | const contents = fs.readFileSync("a.txt", "utf-8"); // synchronous way of reading file 6 | 7 | // print the contents of the file 8 | console.log(contents); -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/Lecture Codes/14_asyncronousCode.js: -------------------------------------------------------------------------------- 1 | function timeout() { 2 | console.log("Click the button!"); 3 | } 4 | 5 | console.log("Hi!"); 6 | 7 | // IO task 8 | setTimeout(timeout, 1000); 9 | 10 | console.log("Welcome to Loupe!"); 11 | 12 | let c = 0; 13 | 14 | // CPU intensive task 15 | for (let i = 0; i < 10000000000; i++) { 16 | c = c + 1; 17 | } 18 | 19 | console.log("Expensive operation done!"); 20 | -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/Lecture Codes/a.txt: -------------------------------------------------------------------------------- 1 | Hello from a.txt -------------------------------------------------------------------------------- /Week 02 - Async JS/2.1 - Async JS/Lecture Codes/b.txt: -------------------------------------------------------------------------------- 1 | Hello from b.txt -------------------------------------------------------------------------------- /Week 02 - Async JS/2.2 - Promises/Assignment Solution/a.txt: -------------------------------------------------------------------------------- 1 | Hello From a.txt -------------------------------------------------------------------------------- /Week 02 - Async JS/2.2 - Promises/Lecture Codes/a.txt: -------------------------------------------------------------------------------- 1 | Hello from a.txt -------------------------------------------------------------------------------- /Week 02 - Offline Videos/3. Installing Node.js, How to solve an assignment/a.js: -------------------------------------------------------------------------------- 1 | const name = "Bharat"; 2 | 3 | console.log(name); 4 | console.log(name); 5 | 6 | 7 | console.log(1); 8 | 9 | -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/0-horizontal-align/README.md: -------------------------------------------------------------------------------- 1 | 2 | Create a layout where you have a single div in the center of the page with width 1200px. 3 | Hardcode its width to be 1200px. 4 | Hardcode its height to be 500px. -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/0-horizontal-align/photo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/4. Solving VSCode Assignment/0-horizontal-align/photo.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/1-vertical-align/README.md: -------------------------------------------------------------------------------- 1 | 2 | Same as the last problem but vertically align the "Hello World" text to the center of the page vertically and horizontally. -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/1-vertical-align/photo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/4. Solving VSCode Assignment/1-vertical-align/photo.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/2-flex-layout/README.md: -------------------------------------------------------------------------------- 1 | 2 | Create a simple layout where you see div with red color on the left and blue color on the right. 3 | The right grid should be twice as wide as the left one. 4 | 5 | Contents of both the grids should be vertically centered 6 | 7 | Also make sure its max 1200px and center of the screen -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/2-flex-layout/photo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/4. Solving VSCode Assignment/2-flex-layout/photo.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/3-grid-layout/README.md: -------------------------------------------------------------------------------- 1 | 2 | Do the same as the previous problem but use grid instead of flexbox. -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/3-grid-layout/photo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/4. Solving VSCode Assignment/3-grid-layout/photo.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/4-more-complicated-grid/photo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/4. Solving VSCode Assignment/4-more-complicated-grid/photo.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/5-vscode-bottombar/README.md: -------------------------------------------------------------------------------- 1 | Now try making the bottom bar look like photo.png 2 | 3 | ![Alt text](photo.png) -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/5-vscode-bottombar/photo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/4. Solving VSCode Assignment/5-vscode-bottombar/photo.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/4. Solving VSCode Assignment/6-vs-code-landing-page/README.md: -------------------------------------------------------------------------------- 1 | 2 | Design the landing page of VSCode - https://code.visualstudio.com/ 3 | 4 | Easy assignment - Only design the top section 5 | 6 | Hard Assignment - Design the whole page -------------------------------------------------------------------------------- /Week 02 - Offline Videos/5. Callback hell, Rejects and async-await/a.txt: -------------------------------------------------------------------------------- 1 | Hello from a.txt -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/image1.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/image2.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/image3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/image3.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/image4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/image4.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/logo.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/c++.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/c++.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/csharp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/csharp.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/html.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/java.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/java.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/js.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/json.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/json.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/markdown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/markdown.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/php.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/php.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/powershell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/powershell.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/python.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/python.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/ts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/ts.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/windows.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/yaml.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 02 - Offline Videos/Assignment Solution/Assignment1 Solution - VSCode-Clone/images/programmin-language-images/yaml.png -------------------------------------------------------------------------------- /Week 02 - Offline Videos/Assignment Solution/Assignment2 Solution/a.txt: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hello from file a.txt 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Week 03 - DOM/3.1 - DOM Simple/Assignment Solution/Assignment 2 Solution/index.js: -------------------------------------------------------------------------------- 1 | // Fetching the first TODO 2 | 3 | 4 | // Get the first TODO and store it in a variable called firstTodo 5 | const firstTodo = document.querySelector('h4'); 6 | 7 | // Log the innerHTML of the firstTodo to the console 8 | console.log(firstTodo.innerHTML) -------------------------------------------------------------------------------- /Week 03 - DOM/3.1 - DOM Simple/Assignment Solution/Assignment 3 Solution/index.js: -------------------------------------------------------------------------------- 1 | // Fetching the second TODO 2 | 3 | 4 | // Get the second TODO and store it in a variable called secondTodo 5 | const secondTodo = document.querySelectorAll('h4')[1]; 6 | 7 | // Log the innerHTML of the secondTodo to the console 8 | console.log(secondTodo.innerHTML) -------------------------------------------------------------------------------- /Week 03 - DOM/3.1 - DOM Simple/Assignment Solution/Assignment 4 Solution/index.js: -------------------------------------------------------------------------------- 1 | // Update the first todo’s contents 2 | 3 | 4 | // Get the first TODO and store it in a variable called firstTodo 5 | const firstTodo = document.querySelector("h4"); 6 | 7 | // Update the innerHTML of the firstTodo to "Hello World!" 8 | firstTodo.innerHTML = "Hello World!"; -------------------------------------------------------------------------------- /Week 03 - DOM/3.1 - DOM Simple/Lecture Codes/5. Adding Elements/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | DOM Manipulation - Adding Elements 7 | 8 | 9 |
Hi there
10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Week 03 - DOM/3.1 - DOM Simple/Lecture Codes/5. Adding Elements/index.js: -------------------------------------------------------------------------------- 1 | const divEle = document.createElement("div"); 2 | divEle.innerHTML = "Hello World"; 3 | 4 | // document.querySelector("body").appendChild(divEle); 5 | 6 | const parentEle = document.querySelector("body"); 7 | parentEle.appendChild(divEle); -------------------------------------------------------------------------------- /Week 03 - DOM/3.2 - DOM Advance/3.2 - DOM Advance Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 02 - 3.2 | DOM (Advance)** 2 | 3 | 4 | ## Try to Create Todo App using ReactJS -------------------------------------------------------------------------------- /Week 03 - DOM/3.2 - DOM Advance/Assignment Solution/todo-app/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 03 - DOM/3.2 - DOM Advance/Assignment Solution/todo-app/README.md: -------------------------------------------------------------------------------- 1 | # Todo App 2 | -------------------------------------------------------------------------------- /Week 03 - DOM/3.2 - DOM Advance/Assignment Solution/todo-app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | To-Do App 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Week 03 - DOM/3.2 - DOM Advance/Assignment Solution/todo-app/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | font-family: Arial, sans-serif; 9 | background-color: #cbcaca; 10 | height: 100vh; 11 | width: 100%; 12 | } -------------------------------------------------------------------------------- /Week 03 - DOM/3.2 - DOM Advance/Assignment Solution/todo-app/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 03 - DOM/3.2 - DOM Advance/Assignment Solution/todo-app/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Assignment Solution/Assignment 1 Solution/a.txt: -------------------------------------------------------------------------------- 1 | Hi, My name is Bharat. 2 | 3 | I am Cohort 3 Student. 4 | 5 | TO kaise hain app log?? -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Assignment Solution/Assignment 1 Solution/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "assignment-1-solution", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "start": "node index.js" 7 | }, 8 | "keywords": [], 9 | "author": "", 10 | "license": "ISC", 11 | "description": "", 12 | "dependencies": { 13 | "commander": "^12.1.0" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Assignment Solution/Assignment 2 Solution/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "commander": "^12.1.0" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Assignment Solution/Assignment 2 Solution/todos.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "Title": "Attend Harkirat Class", 4 | "Deadline": "18:00", 5 | "Done": true 6 | } 7 | ] -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Lecture Codes/02_Starting NodeJS Project/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "02_starting-nodejs-project", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "start": "node index.js", 7 | "bharat": "node index.js" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC", 12 | "description": "" 13 | } 14 | -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Lecture Codes/03_npm/index.js: -------------------------------------------------------------------------------- 1 | // import chalk module 2 | import chalk from 'chalk'; 3 | 4 | console.log(chalk); 5 | console.log(chalk.blue('Hello world!')); 6 | console.log(chalk.red.bold('This is an error message.')); 7 | console.log(chalk.green.underline('This is a success message')); 8 | -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Lecture Codes/04_Internal Packages/index.js: -------------------------------------------------------------------------------- 1 | // import fs module 2 | const fs = require('fs'); 3 | 4 | // import path module 5 | const path = require('path'); 6 | 7 | console.log(__dirname); 8 | 9 | console.log(__dirname + '/index.js'); 10 | 11 | console.log(path.join(__dirname, 'index.js')); 12 | -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Lecture Codes/04_Internal Packages/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "04_internal-packages", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "start": "node index.js", 7 | "bharat": "node index.js" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC", 12 | "description": "" 13 | } 14 | -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Lecture Codes/06_Count Number of Words of the File/a.txt: -------------------------------------------------------------------------------- 1 | Hi, I am Bharat. -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.1 - Node.js, Bun and JS Runtimes/Lecture Codes/07_Count Number of Words and Lines of the File using CLI/a.txt: -------------------------------------------------------------------------------- 1 | Hi, My name is Bharat. 2 | 3 | I am Cohort 3 Student. 4 | 5 | TO kaise hain app log?? -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.2 - HTTP Servers/Assignment Solution/Assignment 2 Solution - file based todo app/todos-data.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "title": "100xDevs", 4 | "id": 2 5 | } 6 | ] -------------------------------------------------------------------------------- /Week 04 - Node.js and HTTP/4.2 - HTTP Servers/Lecture Codes/todo-app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "todo-app", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "keywords": [], 9 | "author": "", 10 | "license": "ISC", 11 | "description": "", 12 | "dependencies": { 13 | "express": "^4.19.2" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/1. Express and HTTP Server, Postman/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/2. Middleware/README.md: -------------------------------------------------------------------------------- 1 | ## Middlewares 2 | 3 | - You have to create a few standard middlewares for your application. 4 | - You have to create a middleware for logging the number of requests on a server 5 | - You have to create a middleware for rate limiting a users request based on their username passed in the header 6 | - You have to create a middleware for logging the number of errors on a server 7 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/2. Middleware/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 1 Solution - Create Hospital Game Backend/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 2 Solution - File Server/files/a.txt: -------------------------------------------------------------------------------- 1 | Hello from a.txt -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 2 Solution - File Server/files/b.txt: -------------------------------------------------------------------------------- 1 | Hello from b.txt -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 2 Solution - File Server/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 3 Solution - Todo Server/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 4 Solution - File Based Todo Server/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 4 Solution - File Based Todo Server/todos.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 5 Solution - Request Count/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 6 Solution - Rate Limitter/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 04 - Offline Videos/Assignment Solution/Assignment 7 Solution - Error Count/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05 - Offline Videos/Week 05 - Offline Videos Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 05 - Offline Videos** 2 | 3 | 4 | ## Assignment #1 - Create a map functions that takes 2 inputs an array and a transformation callback/function and transform the array into a new one using transformation function 5 | 6 | ## Assignment #2 - Create a map functions that takes an array and a transform function as input and returns the transformed array as output -------------------------------------------------------------------------------- /Week 05/5.1 - Headers, Query params and Express/Assignment Solution/Assignment 1 Solution/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.1 - Headers, Query params and Express/Assignment Solution/Assignment 2 Solution/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.1 - Headers, Query params and Express/Assignment Solution/Assignment 3 Solution - Request Count/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.1 - Headers, Query params and Express/Lecture Codes/03_Create an HTTP Server/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Assignment Solution/Assignment 1 Solution - Make Calculator/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Assignment Solution/Assignment 2 Solution - Request Logger/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Assignment Solution/Assignment 3 Solution - Request Count/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Assignment Solution/Assignment 4 Solution - Sum/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Assignment Solution/Assignment 5 Solution - Hit Backend using fetch/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "cors": "^2.8.5", 4 | "express": "^4.19.2" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Lecture Codes/01_Create Inline Middleware/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Lecture Codes/02_Create Global Middleware/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Lecture Codes/03_Log Method, URL and Timestamp/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Lecture Codes/04_express.json External Middleware/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/Lecture Codes/05_cors - Cross Origin Resource Sharing/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "cors": "^2.8.5", 4 | "express": "^4.19.2" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /Week 05/5.2 - Middlewares and Cors/assignment-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 05/5.2 - Middlewares and Cors/assignment-image.png -------------------------------------------------------------------------------- /Week 06 - Offline Videos/1. JWT and Auth Recap/JWT/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "jsonwebtoken": "^9.0.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 06 - Offline Videos/Assignment Solution/Assignment 1 Solution/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "jsonwebtoken": "^9.0.2", 4 | "zod": "^3.23.8" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /Week 06 - Offline Videos/Assignment Solution/Assignment 2 Solution/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "jsonwebtoken": "^9.0.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 06 - Offline Videos/Assignment Solution/Assignment 3 Solution/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "jsonwebtoken": "^9.0.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Week 06/6.1 - HTTP Deep Dive/Assignment Solution/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "assignment-solution", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "keywords": [], 9 | "author": "", 10 | "license": "ISC", 11 | "description": "", 12 | "dependencies": { 13 | "express": "^4.19.2", 14 | "jsonwebtoken": "^9.0.2" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Week 06/6.1 - HTTP Deep Dive/Lecture Codes/01_Basic Auth/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "01_basic-auth", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "keywords": [], 9 | "author": "", 10 | "license": "ISC", 11 | "description": "", 12 | "dependencies": { 13 | "express": "^4.19.2" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Week 06/6.1 - HTTP Deep Dive/Lecture Codes/02_JWT/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "02_jwt", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "keywords": [], 9 | "author": "", 10 | "license": "ISC", 11 | "description": "", 12 | "dependencies": { 13 | "express": "^4.19.2", 14 | "jsonwebtoken": "^9.0.2" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Week 06/6.2 - Auth and Connecting FE to BE/Assignment Solution/Assignment 1 Solution - Auth App/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2", 4 | "jsonwebtoken": "^9.0.2" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /Week 06/6.2 - Auth and Connecting FE to BE/Assignment Solution/Assignment 2 Solution - Todo App/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2", 4 | "jsonwebtoken": "^9.0.2" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /Week 06/6.2 - Auth and Connecting FE to BE/Lecture Codes/01_JWT Authentication with Middleware/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2", 4 | "jsonwebtoken": "^9.0.2" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /Week 06/6.2 - Auth and Connecting FE to BE/Lecture Codes/02_LocalStorage and Connecting Frontend/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "express": "^4.19.2", 4 | "jsonwebtoken": "^9.0.2" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /Week 07 - MongoDB/7.1 - MongoDB/7.1 - MongoDB Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 07 - 7.1 | MongoDB** 2 | 3 | 4 | ## Assignment #1 - Add try-catch block to handle errors for each endpoints -------------------------------------------------------------------------------- /Week 08 - Course Selling App/8.1 - Backend of Course Selling App/8.1 - Backend of Course Selling App Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 08 - 8.1 | Backend of Course Selling App** 2 | 3 | 4 | ## Assignment #1 - Create a .env file and add the PORT and MongoDB URL. Access these values in the index.js file. 5 | 6 | ## Assignment #2 - Explore this repository 7 | - https://github.com/processing/p5.js-web-editor -------------------------------------------------------------------------------- /Week 08 - Course Selling App/8.1 - Backend of Course Selling App/Assignment Solution/Assignment 1 Solution - Course-Selling-App/.env: -------------------------------------------------------------------------------- 1 | PORT=3000 2 | MONGODB_URI=mongodb+srv://100xdevs:WvaTca0509mb90YX@cluster0.ossjd.mongodb.net/coursera-app 3 | -------------------------------------------------------------------------------- /Week 08 - Course Selling App/8.2 - Backend of Course Selling App - Part 2/Assignment Solution/Assignment 1 Solution - Session Bases Authentication/middleware/adminSessionMiddleware.js: -------------------------------------------------------------------------------- 1 | const session = require('express-session'); 2 | const { adminSessionConfig } = require('../config/sessionConfig'); 3 | 4 | const adminSessionMiddleware = session(adminSessionConfig); 5 | 6 | module.exports = adminSessionMiddleware; 7 | -------------------------------------------------------------------------------- /Week 08 - Course Selling App/8.2 - Backend of Course Selling App - Part 2/Assignment Solution/Assignment 1 Solution - Session Bases Authentication/middleware/userSessionMiddleware.js: -------------------------------------------------------------------------------- 1 | const session = require('express-session'); 2 | const { userSessionConfig } = require('../config/sessionConfig'); 3 | 4 | const userSessionMiddleware = session(userSessionConfig); 5 | 6 | module.exports = userSessionMiddleware; 7 | -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Assignment Solution/Assignment 1 Solution - Todo App/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.1 - React Basics/Assignment Solution/Assignment 1 Solution - Todo App/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Assignment Solution/Assignment 1 Solution - Todo App/src/App.jsx: -------------------------------------------------------------------------------- 1 | // Import the Todo component 2 | import Todo from "./Todo"; 3 | 4 | function App() { 5 | return ( 6 |
7 | {/* Render the Todo component */} 8 |
9 | ); 10 | } 11 | 12 | export default App; 13 | -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Assignment Solution/Assignment 1 Solution - Todo App/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.1 - React Basics/Assignment Solution/Assignment 1 Solution - Todo App/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Assignment Solution/Assignment 1 Solution - Todo App/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Assignment Solution/Assignment 1 Solution - Todo App/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Lecture Codes/03_counter-app-using-react/src/App.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | text-align: center; 3 | } 4 | 5 | button { 6 | display: block; 7 | margin: 0 auto; 8 | padding: 10px 20px; 9 | font-size: 1.5rem; 10 | background-color: #007bff; 11 | color: white; 12 | border: none; 13 | border-radius: 5px; 14 | cursor: pointer; 15 | } 16 | -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Lecture Codes/03_counter-app-using-react/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom/client'; 3 | import './index.css'; 4 | import App from './App'; 5 | 6 | const root = ReactDOM.createRoot(document.getElementById('root')); 7 | root.render( 8 | 9 | 10 | 11 | ); 12 | -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Lecture Codes/04_todo-app/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Lecture Codes/04_todo-app/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.1 - React Basics/Lecture Codes/04_todo-app/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Lecture Codes/04_todo-app/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Lecture Codes/04_todo-app/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.1 - React Basics/Lecture Codes/04_todo-app/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 1 Solution - Counter App/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 1 Solution - Counter App/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 1 Solution - Counter App/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 1 Solution - Counter App/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 1 Solution - Counter App/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 1 Solution - Counter App/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 2 Solution - Fetching User Data/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 2 Solution - Fetching User Data/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 2 Solution - Fetching User Data/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: 'Roboto', sans-serif; 3 | background-color: #f5f5f5; 4 | } 5 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 2 Solution - Fetching User Data/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Assignment Solution/Assignment 2 Solution - Fetching User Data/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/01_useState-hooks/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/01_useState-hooks/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Lecture Codes/01_useState-hooks/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/01_useState-hooks/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Lecture Codes/01_useState-hooks/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/01_useState-hooks/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/01_useState-hooks/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/02_useEffect-hooks/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/02_useEffect-hooks/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Lecture Codes/02_useEffect-hooks/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/02_useEffect-hooks/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Lecture Codes/02_useEffect-hooks/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/02_useEffect-hooks/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { createRoot } from "react-dom/client"; 2 | import App from "./App.jsx"; 3 | import "./index.css"; 4 | 5 | createRoot(document.getElementById("root")).render(); 6 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/02_useEffect-hooks/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/03_conditional-rendering/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/03_conditional-rendering/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Lecture Codes/03_conditional-rendering/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/03_conditional-rendering/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Lecture Codes/03_conditional-rendering/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/03_conditional-rendering/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { createRoot } from "react-dom/client"; 2 | import App from "./App.jsx"; 3 | import "./index.css"; 4 | 5 | createRoot(document.getElementById("root")).render(); 6 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/03_conditional-rendering/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/04_useEffect-cleanup-and-dependency-array/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Lecture Codes/04_useEffect-cleanup-and-dependency-array/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/04_useEffect-cleanup-and-dependency-array/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.2 - React useState/Lecture Codes/04_useEffect-cleanup-and-dependency-array/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/04_useEffect-cleanup-and-dependency-array/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { createRoot } from "react-dom/client"; 2 | import App from "./App.jsx"; 3 | import "./index.css"; 4 | 5 | createRoot(document.getElementById("root")).render(); 6 | -------------------------------------------------------------------------------- /Week 09 - React/9.2 - React useState/Lecture Codes/04_useEffect-cleanup-and-dependency-array/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Assignment Solution/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Assignment Solution/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Assignment Solution/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Assignment Solution/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Assignment Solution/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Assignment Solution/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/01_create-react-app/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/01_create-react-app/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/01_create-react-app/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/01_create-react-app/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/01_create-react-app/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/01_create-react-app/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/02_components/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/02_components/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/02_components/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/02_components/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/02_components/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/03_props/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/03_props/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/03_props/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/03_props/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/03_props/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/03_props/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/04_condetional-rendering/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/04_condetional-rendering/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/04_condetional-rendering/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/04_condetional-rendering/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/04_condetional-rendering/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/05_useState/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/05_useState/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/05_useState/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/05_useState/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/05_useState/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/06_useState-2/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/06_useState-2/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/06_useState-2/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/06_useState-2/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/06_useState-2/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/07_linkedin-notification/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/07_linkedin-notification/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/07_linkedin-notification/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/07_linkedin-notification/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/07_linkedin-notification/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/08_useEffect/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/08_useEffect/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/08_useEffect/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/08_useEffect/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/08_useEffect/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/09_linkedin-like-topbar/src/App.css: -------------------------------------------------------------------------------- 1 | button { 2 | padding: 10px 20px; 3 | border-radius: 5px; 4 | cursor: pointer; 5 | border: none; 6 | font-size: 20px; 7 | border: 1px solid #bedbef; 8 | margin: 10px; 9 | } -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/09_linkedin-like-topbar/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/09_linkedin-like-topbar/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/09_linkedin-like-topbar/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/10_countdown-app-with-cleanup/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/10_countdown-app-with-cleanup/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/10_countdown-app-with-cleanup/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/10_countdown-app-with-cleanup/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/10_countdown-app-with-cleanup/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/11_fetch-data/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/11_fetch-data/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/11_fetch-data/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/11_fetch-data/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/Lecture Codes/11_fetch-data/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/profile-card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.3 - React From Basic Part 1 (Recorded)/profile-card.png -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/9.4 - React From Basic Part 2 (Recorded) Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 09 | 9.4 - React From Basic Part 2 (Recorded)** 2 | 3 | 4 | ## Assignment #1 - Create a LinkedIn notification component that increases by 1 every 5 seconds. 5 | 6 | ![Notifications Count Image](./notifications-count.png) -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Assignment Solution/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Assignment Solution/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Assignment Solution/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Assignment Solution/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Assignment Solution/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Assignment Solution/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/01_children-props/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/01_children-props/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/01_children-props/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/01_children-props/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/01_children-props/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/01_children-props/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/02_modals/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/02_modals/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/02_modals/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/02_modals/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/02_modals/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/02_modals/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/03_collapsible-section/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/03_collapsible-section/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/03_collapsible-section/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/03_collapsible-section/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/03_collapsible-section/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/03_collapsible-section/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/04_lists-and-keys/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/04_lists-and-keys/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/04_lists-and-keys/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/04_lists-and-keys/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/04_lists-and-keys/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/04_lists-and-keys/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/05_inline-css/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/05_inline-css/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/05_inline-css/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/05_inline-css/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/05_inline-css/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/05_inline-css/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/06_class-based-vs-functional-components/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/06_class-based-vs-functional-components/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/06_class-based-vs-functional-components/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/06_class-based-vs-functional-components/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/06_class-based-vs-functional-components/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/06_class-based-vs-functional-components/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/07_class-components-lifecycle-events/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/07_class-components-lifecycle-events/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/07_class-components-lifecycle-events/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/07_class-components-lifecycle-events/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/07_class-components-lifecycle-events/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/07_class-components-lifecycle-events/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/08_functional-components-lifecycle-events/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/08_functional-components-lifecycle-events/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/08_functional-components-lifecycle-events/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/08_functional-components-lifecycle-events/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/08_functional-components-lifecycle-events/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/08_functional-components-lifecycle-events/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/09_error-boundary/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/09_error-boundary/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/09_error-boundary/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/09_error-boundary/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/09_error-boundary/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/09_error-boundary/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/10_fragment/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/10_fragment/src/App.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/10_fragment/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/10_fragment/src/index.css -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/10_fragment/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/Lecture Codes/10_fragment/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/notifications-count.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 09 - React/9.4 - React From Basic Part 2 (Recorded)/notifications-count.png -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/public/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/public/images/favicon.png -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/public/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/public/images/logo.png -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/public/images/scholarship1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/public/images/scholarship1.png -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/App.css -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/components/Exams.jsx: -------------------------------------------------------------------------------- 1 | function Exams() { 2 | return ( 3 |
Exams
4 | ) 5 | } 6 | 7 | export default Exams -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/components/Footer.jsx: -------------------------------------------------------------------------------- 1 | 2 | function Footer() { 3 | return ( 4 |
Footer
5 | ) 6 | } 7 | 8 | export default Footer; -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/components/Layout.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | function Layout() { 4 | return ( 5 |
Layout
6 | ) 7 | } 8 | 9 | export default Layout -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/components/Programs.jsx: -------------------------------------------------------------------------------- 1 | 2 | function Programs() { 3 | return ( 4 |
Programs
5 | ) 6 | } 7 | 8 | export default Programs -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/components/Scholarships.jsx: -------------------------------------------------------------------------------- 1 | 2 | function Scholarships() { 3 | return ( 4 |
Scholarships
5 | ) 6 | } 7 | 8 | export default Scholarships -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | font-family: 'Poppins', sans-serif; 9 | background-color: #0F1825; 10 | } -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Assignment Solution/allen-clone/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/01_routing/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/01_routing/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/01_routing/src/App.css -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/01_routing/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/01_routing/src/index.css -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/01_routing/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/01_routing/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/02_layout/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/02_layout/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/02_layout/src/App.css -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/02_layout/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/02_layout/src/index.css -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/02_layout/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/02_layout/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/03_useRef-hooks/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/03_useRef-hooks/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/03_useRef-hooks/src/App.css -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/03_useRef-hooks/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/03_useRef-hooks/src/index.css -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/03_useRef-hooks/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.1 - React Part 2 (SPAs, Routing)/Lecture Codes/03_useRef-hooks/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/10.2 - React Part 3 (Context API, Rolling Up The State) Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 10 - 10.2 | React Part 3 (Context API, Rolling Up The State)** 2 | 3 | 4 | ## Assignment #1 - Create a multi-level dropdown menu 5 | ![Dropdown Menu](./project_demo.gif) -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/App.jsx: -------------------------------------------------------------------------------- 1 | function App() { 2 | return

App page content

; 3 | } 4 | 5 | export default App; 6 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/index.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/about.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const About = () => { 4 | return

About page content

; 5 | }; 6 | 7 | export default About; 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/frontend.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const Frontend = () => { 4 | return

Frontend page content

; 5 | }; 6 | 7 | export default Frontend; 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/node.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const NodeJs = () => { 4 | return

NodeJs page content

; 5 | }; 6 | 7 | export default NodeJs; 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/php.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const Php = () => { 4 | return

Php page content

; 5 | }; 6 | 7 | export default Php; 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/root.jsx: -------------------------------------------------------------------------------- 1 | import { Outlet } from "react-router-dom"; 2 | import Header from "../components/Header"; 3 | 4 | export default function Root() { 5 | return ( 6 |
7 |
8 |
9 | 10 |
11 |
12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/seo.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const SEO = () => { 4 | return

SEO page content

; 5 | }; 6 | 7 | export default SEO; 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/services.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const Services = () => { 4 | return

Services page content

; 5 | }; 6 | 7 | export default Services; 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/web-design.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const WebDesign = () => { 4 | return

Web Design page content

; 5 | }; 6 | 7 | export default WebDesign; 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/src/routes/web-dev.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const WebDev = () => { 4 | return

Web Development page content

; 5 | }; 6 | 7 | export default WebDev; 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Assignment Solution/multilevel-dropdown-menu/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/01_state-experiments/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/01_state-experiments/src/App.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/01_state-experiments/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/01_state-experiments/src/index.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/01_state-experiments/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/01_state-experiments/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/02_rolling-up-the-state/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/02_rolling-up-the-state/src/App.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/02_rolling-up-the-state/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/02_rolling-up-the-state/src/index.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/02_rolling-up-the-state/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/02_rolling-up-the-state/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/03_prop-drilling/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/03_prop-drilling/src/App.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/03_prop-drilling/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/03_prop-drilling/src/index.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/03_prop-drilling/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/03_prop-drilling/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/04_context-api/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/04_context-api/src/App.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/04_context-api/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/04_context-api/src/index.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/04_context-api/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/04_context-api/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/05_context-api-example-2/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/05_context-api-example-2/src/App.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/05_context-api-example-2/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/05_context-api-example-2/src/index.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/05_context-api-example-2/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/05_context-api-example-2/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/06_state-management-using-recoil-library/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/06_state-management-using-recoil-library/src/App.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/06_state-management-using-recoil-library/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/06_state-management-using-recoil-library/src/index.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/06_state-management-using-recoil-library/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/06_state-management-using-recoil-library/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/07_state-management-using-zustand-library/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/07_state-management-using-zustand-library/src/App.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/07_state-management-using-zustand-library/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/07_state-management-using-zustand-library/src/index.css -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/07_state-management-using-zustand-library/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/Lecture Codes/07_state-management-using-zustand-library/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/project_demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 10/10.2 - React Part 3 (Context API, Rolling Up The State)/project_demo.gif -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 1 Solution - useIsOnline-hook/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 1 Solution - useIsOnline-hook/src/App.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 1 Solution - useIsOnline-hook/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 1 Solution - useIsOnline-hook/src/index.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 1 Solution - useIsOnline-hook/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 1 Solution - useIsOnline-hook/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 3 Solution - usePrev-hook/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 3 Solution - usePrev-hook/src/App.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 3 Solution - usePrev-hook/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 3 Solution - usePrev-hook/src/index.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 3 Solution - usePrev-hook/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Assignment Solution/Assignment 3 Solution - usePrev-hook/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/01_useCounter-custom-hooks/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/01_useCounter-custom-hooks/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/01_useCounter-custom-hooks/src/App.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/01_useCounter-custom-hooks/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/01_useCounter-custom-hooks/src/index.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/01_useCounter-custom-hooks/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/01_useCounter-custom-hooks/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/02_useFetch-custom-hooks/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/02_useFetch-custom-hooks/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/02_useFetch-custom-hooks/src/App.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/02_useFetch-custom-hooks/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/02_useFetch-custom-hooks/src/index.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/02_useFetch-custom-hooks/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/02_useFetch-custom-hooks/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/03_useFetch-with-re-fetching/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/03_useFetch-with-re-fetching/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/03_useFetch-with-re-fetching/src/App.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/03_useFetch-with-re-fetching/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/03_useFetch-with-re-fetching/src/index.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/03_useFetch-with-re-fetching/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/03_useFetch-with-re-fetching/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/04_usePrev-custom-hooks/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/04_usePrev-custom-hooks/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/04_usePrev-custom-hooks/src/App.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/04_usePrev-custom-hooks/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/04_usePrev-custom-hooks/src/index.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/04_usePrev-custom-hooks/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/04_usePrev-custom-hooks/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/06_useDebounce-custom-hooks/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/06_useDebounce-custom-hooks/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/06_useDebounce-custom-hooks/src/App.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/06_useDebounce-custom-hooks/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.1 - Custom Hooks/Lecture Codes/06_useDebounce-custom-hooks/src/index.css -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/06_useDebounce-custom-hooks/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.1 - Custom Hooks/Lecture Codes/06_useDebounce-custom-hooks/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Assignment Solution/amazon-cart/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Assignment Solution/amazon-cart/src/App.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Assignment Solution/amazon-cart/src/App.jsx: -------------------------------------------------------------------------------- 1 | import { Routes, Route } from "react-router-dom"; 2 | import { AmazonStyleCart, WishList } from "./components"; 3 | 4 | const App = () => { 5 | return ( 6 | 7 | } /> 8 | } /> 9 | 10 | ); 11 | }; 12 | 13 | export default App; 14 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Assignment Solution/amazon-cart/src/components/index.js: -------------------------------------------------------------------------------- 1 | export { default as AmazonStyleCart } from './AmazonStyleCart'; 2 | export { default as WishList } from "./WishList"; 3 | export { default as Header } from "./Header"; 4 | export { default as PurchaseModal } from "./PurchaseModal"; 5 | export { default as Sidebar } from "./Sidebar"; 6 | export { default as ProductModal } from "./ProductModal"; -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Assignment Solution/amazon-cart/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Assignment Solution/amazon-cart/src/index.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Assignment Solution/amazon-cart/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/01_counter-app/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/01_counter-app/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/01_counter-app/src/App.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/01_counter-app/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/01_counter-app/src/index.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/01_counter-app/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/01_counter-app/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/02_counter-app-using-context-api/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/02_counter-app-using-context-api/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/02_counter-app-using-context-api/src/App.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/02_counter-app-using-context-api/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/02_counter-app-using-context-api/src/index.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/02_counter-app-using-context-api/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/02_counter-app-using-context-api/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/03_counter-app-using-recoil/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/03_counter-app-using-recoil/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/03_counter-app-using-recoil/src/App.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/03_counter-app-using-recoil/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/03_counter-app-using-recoil/src/index.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/03_counter-app-using-recoil/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/03_counter-app-using-recoil/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/04_memo-in-react/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/04_memo-in-react/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/04_memo-in-react/src/App.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/04_memo-in-react/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/04_memo-in-react/src/index.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/04_memo-in-react/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/04_memo-in-react/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/05_selectors-in-recoil/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/05_selectors-in-recoil/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/05_selectors-in-recoil/src/App.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/05_selectors-in-recoil/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.2 - Recoil/Lecture Codes/05_selectors-in-recoil/src/index.css -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/05_selectors-in-recoil/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.2 - Recoil/Lecture Codes/05_selectors-in-recoil/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/11.3 - Recoil Deep Dive (Offline) Assignment.md: -------------------------------------------------------------------------------- 1 | ## **Week 13 - 11.3 | Recoil Deep Dive (Offline)** 2 | 3 | 4 | ## Assignment #1 - Create a 5 seconds Suspense Hook while fetching data using Recoil Hook and also Handle Error 5 | 6 | ## Assignment #2 - Create a 5 seconds Loader while fetching data using Recoil Hook and also Handle Error -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 1 Solution/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 1 Solution/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 1 Solution/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 1 Solution/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 1 Solution/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 1 Solution/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 2 Solution/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 2 Solution/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 2 Solution/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 2 Solution/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 2 Solution/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Assignment Solution/Assignment 2 Solution/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/01_atoms/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/01_atoms/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/01_atoms/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/01_atoms/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/01_atoms/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/01_atoms/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/01_atoms/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/02_selectors/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/02_selectors/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/02_selectors/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/02_selectors/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/02_selectors/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/02_selectors/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/02_selectors/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/03_asynchronous-data-queries/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/03_asynchronous-data-queries/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/03_asynchronous-data-queries/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/03_asynchronous-data-queries/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/03_asynchronous-data-queries/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/03_asynchronous-data-queries/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/04_atom-family/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/04_atom-family/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/04_atom-family/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/04_atom-family/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/04_atom-family/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/04_atom-family/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/04_atom-family/src/todos.js: -------------------------------------------------------------------------------- 1 | // Create list of todos to be used in the atomFamily and export it 2 | export const TODOS = [{ 3 | id: 1, 4 | title: "Go to Gym", 5 | description: "Hit the gym from 7-9" 6 | }, { 7 | id: 2, 8 | title: "Go to eat food", 9 | description: "Eat food from from 9-11" 10 | },] -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/04_atom-family/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/05_selector-family/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/05_selector-family/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/05_selector-family/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/05_selector-family/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/05_selector-family/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/05_selector-family/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/05_selector-family/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/06_use-recoil-value-loadable/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/06_use-recoil-value-loadable/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/06_use-recoil-value-loadable/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/06_use-recoil-value-loadable/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/06_use-recoil-value-loadable/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/06_use-recoil-value-loadable/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/07_use-recoil-state-loadable/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/07_use-recoil-state-loadable/src/App.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/07_use-recoil-state-loadable/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/07_use-recoil-state-loadable/src/index.css -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/07_use-recoil-state-loadable/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 11/11.3 - Recoil Deep Dive (Offline)/Lecture Codes/07_use-recoil-state-loadable/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.1 - Ui-Ux Primitives by Keshav - Part 1/12.1 - Ui-Ux Primitives by Keshav - Part 1 Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 12 - 12.1 | Ui/Ux Primitives by Keshav - Part 1** 2 | 3 | 4 | ## No Assignment for this lecture -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.1 - Ui-Ux Primitives by Keshav - Part 1/Assignment Solution/solution.md: -------------------------------------------------------------------------------- 1 | ## No assignment solution for this lecture -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.1 - Ui-Ux Primitives by Keshav - Part 1/Lecture Codes/lecture-codes.md: -------------------------------------------------------------------------------- 1 | 2 | **`Lecture Codes -`** https://www.figma.com/design/ZBK9jxBAZbnaoYPLbbiLHr/ZubaCanceri?node-id=0-1&t=OdXhRcZTyJfWLOvs-1 -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/12.2 - Ui-Ux Primitives by Keshav - Part 2 Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 12 - 12.2 | Ui/Ux Primitives by Keshav - Part 2** 2 | 3 | 4 | ## Assignment #1 - Try to code Vimal Pan Masala Website 5 | https://www.figma.com/design/ZBK9jxBAZbnaoYPLbbiLHr/ZubaCanceri?node-id=0-1&t=OdXhRcZTyJfWLOvs-1 -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["next/core-web-vitals", "next/typescript"] 3 | } 4 | -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/README.md: -------------------------------------------------------------------------------- 1 | # Vimal Pan Masala Website -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/app/favicon.ico -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/app/fonts/GeistMonoVF.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/app/fonts/GeistMonoVF.woff -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/app/fonts/GeistVF.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/app/fonts/GeistVF.woff -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/next.config.ts: -------------------------------------------------------------------------------- 1 | import type { NextConfig } from "next"; 2 | 3 | const nextConfig: NextConfig = { 4 | /* config options here */ 5 | }; 6 | 7 | export default nextConfig; 8 | -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/postcss.config.mjs: -------------------------------------------------------------------------------- 1 | /** @type {import('postcss-load-config').Config} */ 2 | const config = { 3 | plugins: { 4 | tailwindcss: {}, 5 | }, 6 | }; 7 | 8 | export default config; 9 | -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/public/card-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/public/card-image.png -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/public/hero-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/public/hero-image.png -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Assignment Solution/vimal-pan-masala/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Week 12 - Ui-Ux by Keshav/12.2 - Ui-Ux Primitives by Keshav - Part 2/Lecture Codes/lecture-codes.md: -------------------------------------------------------------------------------- 1 | 2 | **`Lecture Codes -`** https://www.figma.com/design/ZBK9jxBAZbnaoYPLbbiLHr/ZubaCanceri?node-id=0-1&t=OdXhRcZTyJfWLOvs-1 -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/01_tailwind-with-react/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/01_tailwind-with-react/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/01_tailwind-with-react/src/App.css -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/01_tailwind-with-react/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/01_tailwind-with-react/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/01_tailwind-with-react/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/02_project-using-tailwind/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/02_project-using-tailwind/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/02_project-using-tailwind/src/App.css -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/02_project-using-tailwind/src/components/components/answer/SidebarClass1.jsx: -------------------------------------------------------------------------------- 1 | export function SidebarClass1() { 2 | return ( 3 |
4 |
Sidebar
5 |
Content
6 |
7 | ); 8 | } 9 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/02_project-using-tailwind/src/components/components/sidebars/Sidebar2Transition.jsx: -------------------------------------------------------------------------------- 1 | 2 | export const Sidebar2Transition = () => { 3 | return
4 | 5 |
6 | } -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/02_project-using-tailwind/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/02_project-using-tailwind/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/Lecture Codes/02_project-using-tailwind/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/assignment-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/assignment-1.jpg -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/assignment-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 13 - Tailwind/13.1 - Tailwind, Ref Arrays and Building Components/assignment-2.png -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/src/App.css -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/src/App.jsx: -------------------------------------------------------------------------------- 1 | import './App.css' 2 | import { SidebarClass1 } from './components/answer/SidebarClass1' 3 | 4 | function App() { 5 | 6 | return ( 7 |
8 | 9 |
10 | ) 11 | } 12 | 13 | export default App; 14 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/src/components/Buttons.jsx: -------------------------------------------------------------------------------- 1 | 2 | export const Button = ({ 3 | disabled, 4 | children, 5 | onClick, 6 | variant 7 | }) => { 8 | // clsx, cx 9 | return 10 | {children} 11 | 12 | } -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/src/components/sidebars/Sidebar1.jsx: -------------------------------------------------------------------------------- 1 | 2 | export const Sidebar1 = () => { 3 | return
4 |
5 | hi there 6 |
7 |
8 | hello 9 |
10 |
11 | } -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/src/components/sidebars/Sidebar2Transition.jsx: -------------------------------------------------------------------------------- 1 | 2 | export const Sidebar2Transition = () => { 3 | return
4 | 5 |
6 | } -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 13 - Tailwind/13.2 - Tailwind Part 2, Creating Sidebars/Lecture Codes/tailwind/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 14 - TypeScript/14.1 - TypeScript Part 1/Assignment Solution/src/05_assignment5Solution/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 14 - TypeScript/14.1 - TypeScript Part 1/Assignment Solution/src/05_assignment5Solution/src/App.css -------------------------------------------------------------------------------- /Week 14 - TypeScript/14.1 - TypeScript Part 1/Assignment Solution/src/05_assignment5Solution/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 14 - TypeScript/14.1 - TypeScript Part 1/Assignment Solution/src/05_assignment5Solution/src/index.css -------------------------------------------------------------------------------- /Week 14 - TypeScript/14.1 - TypeScript Part 1/Assignment Solution/src/05_assignment5Solution/src/main.tsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.tsx' 5 | 6 | createRoot(document.getElementById('root')!).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 14 - TypeScript/14.1 - TypeScript Part 1/Assignment Solution/src/05_assignment5Solution/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /Week 14 - TypeScript/14.1 - TypeScript Part 1/Assignment Solution/src/05_assignment5Solution/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": [], 3 | "references": [ 4 | { "path": "./tsconfig.app.json" }, 5 | { "path": "./tsconfig.node.json" } 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /Week 14 - TypeScript/14.1 - TypeScript Part 1/Assignment Solution/src/05_assignment5Solution/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 14 - TypeScript/14.1 - TypeScript Part 1/Lecture Codes/src/06_objects.ts: -------------------------------------------------------------------------------- 1 | function greet(user: { name: string; age: number }) { 2 | console.log(`Hello ${user.name}, you are ${user.age} years old.`); 3 | } 4 | 5 | greet({ 6 | name: "Bharat", 7 | age: 22, 8 | }); 9 | 10 | let user = { 11 | name: "Deepak", 12 | age: 19, 13 | }; 14 | 15 | greet(user); -------------------------------------------------------------------------------- /Week 14 - TypeScript/14.2 - TypeScript Part 2/14.2 - TypeScript Part 2 Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 14 - 14.2 | TypeScript Part 2** -------------------------------------------------------------------------------- /Week 15/15.1 - Building a Second Brain App in TypeScript/15.1 - Building a Second Brain App in TypeScript Assignment.md: -------------------------------------------------------------------------------- 1 | # **Week 15 - 15.1 | Building a Second Brain App in TypeScript** 2 | 3 | 4 | -------------------------------------------------------------------------------- /Week 15/15.1 - Building a Second Brain App in TypeScript/Lecture Codes/README.md: -------------------------------------------------------------------------------- 1 | ## Steps to Create Project using Express and TypeScript 2 | 3 | 1. npm init -y 4 | 2. npm install -D typescript 5 | 3. npx tsc --init 6 | 4. Update tsconfig.json file 7 | - "rootDir": "./src", 8 | - "outDir": "./dist", 9 | 5. npm install express 10 | 6. npm install -D @types/express 11 | -------------------------------------------------------------------------------- /Week 15/15.1 - Building a Second Brain App in TypeScript/Lecture Codes/brainly/src/middleware.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 15/15.1 - Building a Second Brain App in TypeScript/Lecture Codes/brainly/src/middleware.ts -------------------------------------------------------------------------------- /Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/01_websocket-basic/tsconfig.tsbuildinfo: -------------------------------------------------------------------------------- 1 | {"root":["./src/index.ts"],"version":"5.7.2"} -------------------------------------------------------------------------------- /Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/backend/tsconfig.tsbuildinfo: -------------------------------------------------------------------------------- 1 | {"root":["./src/index.ts"],"version":"5.7.2"} -------------------------------------------------------------------------------- /Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/frontend/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/frontend/src/App.css -------------------------------------------------------------------------------- /Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/frontend/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops/eb58f1d2477978e301ea3995a5e7a36d5752d342/Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/frontend/src/index.css -------------------------------------------------------------------------------- /Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/frontend/src/main.tsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.tsx' 5 | 6 | createRoot(document.getElementById('root')!).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/frontend/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/frontend/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": [], 3 | "references": [ 4 | { "path": "./tsconfig.app.json" }, 5 | { "path": "./tsconfig.node.json" } 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /Week 16 - Websockets/16.1 - Websockets, Real Time Communication/Lecture Codes/02_chat-appliation/frontend/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Week 16 - Websockets/16.2 - Chat App and More Projects using Websockets/Lecture Codes/01_broadcast-chat-app/backend/tsconfig.tsbuildinfo: -------------------------------------------------------------------------------- 1 | {"root":["./src/index.ts"],"errors":true,"version":"5.7.2"} --------------------------------------------------------------------------------