React, NodeJS, Express & MongoDB - The MERN Fullstack Guide

  5. React.js - Building the Frontend

   1. Module Introduction.mp4

   2. Starting Setup, Pages & Routes.mp4

   2.1 react-frontend-01-starting-setup.zip.zip

   3. Adding a UsersList Page Component.mp4

   4. Adding a UserItem Component.mp4

   4.1 react-frontend-03-unstyled-userlist-and-useritem.zip.zip

   5. Styling our App & More Components.srt

   5.2 UsersList.css.css

   5.4 Card.zip.zip

   6. Presentational vs Stateful Components.mp4

   7. Adding a Main Header.mp4

   7.1 MainHeader.css.css

   7.3 MainNavigation.css.css

   8. Adding Navlinks.srt

   8.2 react-frontend-06-navlinks.zip.zip

   9. Implementing a Basic Desktop & Mobile Navigation.srt

   10. Understanding Portals.mp4

   10.1 react-frontend-08-portal.zip.zip

   11. Handling the Drawer State.srt

   11.2 Backdrop.zip.zip

   12. Animating the Sidedrawer.srt

   13. Rendering User Places & Using Dynamic Route Segments.mp4

   13.1 react-frontend-11-places-list.zip.zip

   13.3 PlaceItem.css.css

   14. Getting Route Params.srt

   15. Adding Custom Buttons.mp4

   15.1 react-frontend-13-button-component.zip.zip

   16. Adding a Modal.srt

   16.2 Modal.css.css

   17. Rendering a Map with Google Maps.srt

   17.2 NewPlace.css.css

   18. Continuing without a Credit Card.html

   20. Adding a Custom Form Input Component.mp4

   20.1 react-frontend-16-basic-input-component.zip.zip

   21. Managing State in the Input Component.srt

   22. Adding Input Validation.mp4

   22.1 react-frontend-18-basic-input-validation.zip.zip

   23. Sharing Input Values & Adding Multiple Inputs.mp4

   24. Managing Form-wide State.mp4

   24.1 react-frontend-19-overall-form-state-mgmt.zip.zip

   25. Finishing the Add Place Form.srt

   26. Starting Work on the Update Place Page.mp4

   26.1 react-frontend-21-update-place-component.zip.zip

   27. Adjusting the Input Component.srt

   28. Creating a Custom Form Hook (useForm).mp4

   28.1 react-frontend-24-custom-form-hook.zip.zip

   30. Adjusting the Form Hook.mp4

   30.1 react-frontend-25-form-hook-setformdata-function.zip.zip

   31. Fixing Minor Issues.srt

   32. Showing a Deletion Warning.mp4

   32.1 react-frontend-27-delete-place-modal.zip.zip

   33. Adding an Auth Page & Login Form.srt

   33.2 Auth.css.css

   34. Adding Signup + Switch Mode Button.srt

   35. Adding Auth Context for App-wide State Management.mp4

   35.1 react-frontend-30-auth-context.zip.zip

   36. Listening to Context Changes.srt

   37. Adding Authenticated & Unauthenticated Routes.srt

   38. More Auth Context Usage.mp4

   38.1 react-frontend-32-finished.zip.zip

   39. Wrap Up.srt

   40.1 react-frontend-07-side-drawer.zip.zip

   40.3 react-frontend-04-avatar-card-styling.zip.zip

   40.5 react-frontend-10-animation.zip.zip

   40.7 react-frontend-01-starting-setup.zip.zip

   40.9 react-frontend-32-finished.zip.zip

   40.11 react-frontend-23-adjusted-input-component.zip.zip

   40.13 react-frontend-21-update-place-component.zip.zip

   40.15 react-frontend-18-basic-input-validation.zip.zip

   40.17 react-frontend-16-basic-input-component.zip.zip

   40.19 react-frontend-30-auth-context.zip.zip

   40.21 react-frontend-17-input-reducer-and-usereducer.zip.zip

   40.23 react-frontend-27-delete-place-modal.zip.zip

   40.25 react-frontend-24-custom-form-hook.zip.zip

   40.27 react-frontend-15-rendering-a-map-with-google-maps.zip.zip

   40.29 react-frontend-02-prj-structure-routing.zip.zip

   40.31 react-frontend-08-portal.zip.zip

  ReadMe.txt

  1. Introduction

   1. Introduction.srt

   2. What is the MERN Stack.srt

   3. MERN - A First Overview.srt

   5. Course Outline.mp4

   6. How To Get The Most Out Of The Course.mp4

   7. Using the Course Resources.html

   Visit Coursedrive.org.url

  2. The MERN Stack - Theory

   1. Module Introduction.srt

   2. Understanding the Big Picture.srt

   3. Diving Into the Frontend.mp4

   4. Understanding the Backend.mp4

   4.1 frontend-and-backend.pdf.pdf

   5. REST vs GraphQL.srt

   5.2 Build a Complete GraphQL API (with Node).html

   6. Connecting Node & React.mp4

   6.1 connecting-ends.pdf.pdf

   8. Creating our Development Environment & the Development Servers.mp4

   8.1 simple-mern-project.zip.zip

   9. Diving Deeper Into the Code.srt

   10.1 simple-mern-project.zip.zip

  3. Planning the App

   1. Module Introduction.srt

   2. Understanding the General App Idea.srt

   3. Sketching out the Frontend.mp4

   4. Data & API Endpoints used in our App.mp4

   4.1 application-data.pdf.pdf

   5. Required SPA Pages for the Frontend.srt

  4. React.js - A Refresher

   1. Module Introduction.srt

   2. What is React.srt

   3. Setting Up a Starting Project.srt

   4. Understanding JSX.mp4

   5. Understanding Components.mp4

   5.1 react-refresher-02-react-basics.zip.zip

   6. Working with Multiple Components.srt

   7. Using Props to pass Data between Components.mp4

   7.1 react-refresher-04-passing-props.zip.zip

   8. Rendering Lists of Data.srt

   9. Handling Events.mp4

   9.1 react-refresher-06-handling-events.zip.zip

   10. Efficient Child=Parent Communication.srt

   11. Working with State.mp4

   11.1 react-refresher-08-state.zip.zip

   12. More on State.srt

   13. Fetching User Input (Two-way Binding).srt

   14. React.js Basics.html

   15. Wrap Up.srt

   16.1 react-refresher-07-parent-child-communication.zip.zip

   16.3 react-refresher-06-handling-events.zip.zip

   16.5 react-refresher-08-state.zip.zip

   16.7 react-refresher-09-two-way-binding.zip.zip

   16.9 react-refresher-03-first-basic-component.zip.zip

  6. Node.js & Express.js - A Refresher

   1. Module Introduction.srt

   2. What is Node.js.srt

   3. Writing our First Node Code.srt

   4. Sending Requests & Responses.mp4

   4.1 node-refresher-02-basic-server-and-response.zip.zip

   5. What is Express.js.mp4

   6. Adding Express.js.mp4

   6.1 node-refresher-04-basic-express-app.zip.zip

   7. Understanding the Advantages of Express.js.srt

   8. How Code Execution Works.mp4

   9. Node & Express Basics.html

   10.1 node-refresher-03-parsing-request-body.zip.zip

   10.3 node-refresher-05-finished.zip.zip

   10.5 node-refresher-02-basic-server-and-response.zip.zip

  7. Node.js & Express.js - Building our REST API

   1. Module Introduction.srt

   2. Setting up our Project.srt

   3. Implementing Basic Routing.mp4

   3.1 node-backend-02-first-get-route.zip.zip

   4. Adding Place-Specific Routes.srt

   5. Getting a Place By User ID.mp4

   5.1 node-backend-04-place-by-userid.zip.zip

   6. Handling Errors.srt

   7. Adding our own Error Model.mp4

   7.1 node-backend-06-custom-error-model.zip.zip

   8. Adding Controllers.srt

   9. Adding a POST Route & Using Postman.mp4

   9.1 node-backend-08-post-route-create-place.zip.zip

   10. Handling Errors for Unsupported Routes.srt

   11. Adding Patch Routes to Update Places.mp4

   11.1 Primitive vs Reference Values.html

   12. Deleting Places.mp4

   12.1 node-backend-11-delete-place.zip.zip

   13. Finalizing the Get Places by User ID Resource.srt

   14. Setting Up the User Routes (Signup, Login, Get Users).srt

   15. Validating API Input (Request Bodies).mp4

   16. Validating Patch Requests & User Routes.mp4

   16.1 node-backend-13-input-validation.zip.zip

   17. Using Google's Geocoding API to Convert an Address Into Coordinates.srt

   17.2 Promises vs async await.html

   18. Wrap Up.srt

   19. Useful Resources & Links.html

   19.2 node-backend-09-not-found-route.zip.zip

   19.4 node-backend-08-post-route-create-place.zip.zip

   19.6 node-backend-05-error-handling.zip.zip

   19.8 node-backend-07-added-controllers.zip.zip

   19.10 node-backend-11-delete-place.zip.zip

   19.12 node-backend-15-finished.zip.zip

   19.14 node-backend-13-input-validation.zip.zip

  8. Working with MongoDB & Mongoose - A Refresher

   1. Module Introduction.srt

   2. What is MongoDB.srt

   3. SQL vs NoSQL.srt

   4. Connecting React to a Database.srt

   5. Setting Up MongoDB.srt

   6. Creating a Simple Backend & Connecting it to the Database.mp4

   6.1 01-refresher-starting code.zip.zip

   7. Creating a Document with MongoDB.srt

   8. Getting Data from the Database.mp4

   8.1 03-refresher-mongo-get-finished.zip.zip

   9. Installing Mongoose.srt

   10. Understanding Models & Schemas.srt

   11. Creating a Product.srt

   12. Connecting to the Database & Saving the Product.srt

   13. Getting Products.mp4

   14. Understanding the ObjectID.mp4

   15. Wrap Up.mp4

   15.1 05-refresher-mongo-finished.zip.zip

   16.1 05-refresher-mongo-finished.zip.zip

   16.3 01-refresher-starting code.zip.zip

   16.5 02-refresher-mongo-create-finished.zip.zip

  9. Connecting the Backend to the Database - MongoDB & Mongoose

   1. Module Introduction.srt

   2. Installing Mongoose & Connecting our Backend to MongoDB.srt

   3. Creating the Place Schema & Model.mp4

   4. Creating & Storing Documents in the Database.mp4

   4.1 02-mongodb-create-finished.zip.zip

   5. Getting Places by the PlaceID.srt

   6. Getting Places by the UserID.srt

   7. Updating Places.srt

   8. Deleting Places.srt

   9. How Users & Places are Related.mp4

   10. Creating the User Model.mp4

   11. Using the User Model for Signup.mp4

   12. Adding the User Login.mp4

   13. Getting Users.mp4

   13.1 04-mongodb-users-finished.zip.zip

   14. Adding the Relation between Places & Users.srt

   15. Creating Places & Adding it to a User.srt

   16. Deleting Places & Removing it From the User.srt

   17. Getting Places - An Alternative.srt

   18. Cleaning Up our Code.srt

   19. Wrap Up.srt

   20.1 04-mongodb-users-finished.zip.zip

   20.3 03-mongodb-crud-places-finished.zip.zip

   20.5 01-mongodb-starting-code.zip.zip

  10. Connecting the React.js Frontend to the Backend

   1. Module Introduction.srt

   2. Initial Setup.srt

   3. Sending a POST Request to the Backend.srt

   3.2 frontend-backend-01-starting-setup.zip.zip

   5. Handling CORS Errors.mp4

   6. Getting Started with Error Handling.mp4

   6.1 Components.zip.zip

   7. Proper Error Handling in the Frontend.srt

   8. Sending a Login Request.mp4

   8.1 frontend-backend-04-login.zip.zip

   9. Getting Users with a GET Request.srt

   10. Creating a Custom Http Hook.mp4

   11. Improving the Custom Http Hook.mp4

   11.1 frontend-backend-06-custom-http-hook.zip.zip

   12. Using the Http Hook to GET Users.srt

   13. Adding Places (POST).mp4

   13.1 frontend-backend-08-new-place.zip.zip

   14. Loading Places by User Id.srt

   15. Updating Places.mp4

   15.1 frontend-backend-10-update-place.zip.zip

   16. Deleting Places.srt

   17. Fixing NavLinks & My Places.mp4

   18. Final Adjustments.mp4

   18.1 frontend-backend-13-finished.zip.zip

   19.1 frontend-backend-05-get-users.zip.zip

   19.3 frontend-backend-01-starting-setup.zip.zip

   19.5 frontend-backend-09-get-places-by-userid.zip.zip

   19.7 frontend-backend-06-custom-http-hook.zip.zip

   19.9 frontend-backend-02-basic-signup-post-request.zip.zip

   19.11 frontend-backend-11-delete-place.zip.zip

  11. Adding File Upload

   1. Module Introduction.srt

   2. Building an ImageUpload Component.srt

   2.2 file-upload-01-first-upload-steps-imageupload-component.zip.zip

   3. Finishing & Using the ImageUpload Component (in a Form).srt

   4. On the Backend Using Multer to Save Files.mp4

   5. Filtering Files on the Backend (Images Only!).mp4

   5.1 file-upload-03-multer-backend-config.zip.zip

   6. Wiring Frontend and Backend Up.srt

   7. Connecting Users to Images.mp4

   7.1 file-upload-05-image-rollback-and-store-in-db.zip.zip

   8. Serving Images Statically.srt

   9. Uploading Images for New Places.mp4

   9.1 file-upload-07-new-place-image-upload.zip.zip

   10. Deleting Images When Places Get Deleted.srt

   11. Wrap Up.mp4

   12. Useful Resources & Links.html

   12.2 file-upload-04-sending-formdata.zip.zip

   12.4 file-upload-08-place-image-deletion.zip.zip

   12.6 file-upload-06-serve-images-statically.zip.zip

   12.8 file-upload-01-first-upload-steps-imageupload-component.zip.zip

  12. Adding Authentication

   1. Module Introduction.srt

   2. How Authentication Works (in a MERN App).srt

   3. Hashing the User Password.srt

   4. Logging Users In (with Hashed Passwords).mp4

   4.1 auth-02-pw-comparison-login.zip.zip

   5. Generating Tokens (JWT) on the Backend.srt

   6. Optional More on JSON Web Tokens.html

   7. Backend Route Protection with Auth Middleware.srt

   8. Using & Attaching JWT (Tokens) in React.mp4

   8.1 auth-05-token-newplace-request.zip.zip

   9. Using Tokens to Update and Delete Places.srt

   10. Adding Authorization.mp4

   10.1 auth-07-update-authorization.zip.zip

   11. Authorization on Delete Places.srt

   12. Storing the Token in the Browser Storage.mp4

   12.1 auth-09-storing-token-in-browser-storage.zip.zip

   13. Adding Auto-Login (Basic Version).srt

   14. Managing the Token Expiration Date.mp4

   14.1 auth-11-expiration-date.zip.zip

   15. Finished Auto-Login & Auto-Logout.srt

   16. Creating a Custom Authentication Hook.mp4

   16.1 auth-13-custom-auth-hook.zip.zip

   17. Authentication - Summary.srt

   18. General App Improvements.srt

   19. Authentication & Authorization.html

   20.1 auth-09-storing-token-in-browser-storage.zip.zip

   20.3 auth-01-hashing-a-pw.zip.zip

   20.5 auth-04-check-auth-middleware.zip.zip

   20.7 auth-13-custom-auth-hook.zip.zip

   20.9 auth-14-finished.zip.zip

   20.11 auth-05-token-newplace-request.zip.zip

   20.13 auth-12-auto-logout-finished.zip.zip

  13. Application Deployment

   1. Module Introduction.srt

   2. Deployment Steps Overview.srt

   3. Using Environment Variables (Node.js).srt

   4. Environment Variables in React Apps.srt

   5. Preparing API Keys & Credentials.srt

   6. Building the React App.srt

   7. Adding Code Splitting to React.srt

   8. Understanding Possible Deployment Alternatives.srt

   9. Deploying a Standalone REST API (Example Heroku).srt

   10. Deploying a Standalone React SPA (Example Firebase Hosting).srt

   11. Fixing Style Issues.srt

   12. Deploying a Combined App.srt

   13. Storing Files Uploads.srt

   14. Wrap Up.srt

  14. Roundup & Next Steps

   1. Course Roundup.srt

   2. Bonus Content.html

   Visit Coursedrive.org.url

 Visit Coursedrive.org.url