Full stack Universal React with Redux, Node js and MongoDB

Dispatch actions from a React component to fetch books from an API. Bind action creators, map dispatch to props, and dispatch get books on componentDidMount.

Build a single-page shopping cart app by structuring a main component with a menu, a footer, and a booklist that renders books and book items alongside the current cart.

Create a responsive BookItem component that receives props from BookList, uses React Bootstrap Row and Col to render one column on mobile, two on tablet, and three on large screens.

Create a books form component using react bootstrap, featuring panel, form group, and form controls, capturing input with a ref and a submit button for a responsive ui.

Connect the books form to the redux store and dispatch post book actions using mapDispatchToProps, handling inputs, and wiring up the submission flow.

Create the cart part 2 by adding quantity controls and a responsive layout with react-bootstrap, implementing item deletion, and updating IDs for MongoDB and reducers to support cart actions.

Learn to manage cart quantities by adding, incrementing, and decrementing item counts with a quantity property, Redux actions and reducers, including safeguards against negative quantities.

Create a function invoked by the card reader to map items from the payload and sum total amounts with reduce, updating the state and rendering the cart total.

Create a responsive navigation bar and a footer using react-bootstrap. Implement links to about, contact, admin, and cart with a badge, style with css, and render for all devices.

Learn how to use react-router to build a single-page shopping cart with a central layout, define routes and an index route, and manage browser versus hash history for production-ready navigation.

Install mongo db community server on mac, windows, and linux, create a database directory, and start the mongod server, then install Robomongo to connect and manage local databases.

Learn to perform create, read, update, and delete operations in MongoDB, including database and books collection setup, inserting documents, querying with find and criteria, and updating or deleting records.

build a books api with node and express using mongoose, define a books schema and model, connect to mongodb at localhost/bookshop, implement a post route, and test with postman.

Implement the get method for the books API by using find to fetch all books, handle the MongoDB response, and return a json array of books, then test with Postman.

Connect a React Redux client to the API by wiring a post request to /books inside a thunk action, dispatching the server response, and saving the book to the database.

Set up a separate API server and a reverse proxy to forward requests, improving separation of concerns and security by hiding the internal network and routing /api calls.

Learn how to implement a persistent shopping cart by using session cookies and server-side session IDs, storing current cart data in MongoDB and linking it to user sessions.

Set up express sessions with connect-mongo to persist shopping cart data in the database, create post /cart and get endpoints, and test session storage TTL.

Improve the save book button by linking status messages and styles to submission outcomes, then reset the form after saving and wire post book rejected action and reset button actions.

Finalize the client app with cyborg bootstrap, add form validation feedback, implement a carousel, and fix cart state with get cart actions and read more.

Capture server exceptions by replacing thrown API errors with logged handling to prevent crashes, and enable the delete button only when an ID is selected, for universal readiness.

Learn how to convert a fully client-rendered app to universal server-side rendering, enabling initial data to stream from the server and boost perceived load times and SEO.

Deploy the local MongoDB database online using mlab, dump the local data with mongodump, restore with mongorestore, and connect your app via the mlab connection string.

Deploy a full stack app to Heroku by installing the CLI, creating a Heroku app, and pushing via git master; troubleshoot sleep delays, camel case file names, and webpack rebuilds.

Deploy your full stack app to aws elastic beanstalk by configuring .ebextensions to run npm start, then use eb init, eb create, and eb deploy, and finally open the app.