Do you want to learn how to build a real world application using .Net, React and Redux? In this course we start from nothing and build a proof of concept E-Commerce store using these frameworks/libraries.
In this course we build a complete application from start to finish and every line of code is demonstrated and explained.
Here are some of the things you will learn about in this course:
Setting up the developer environment Creating a .Net WebAPI application using the dotnet CLI Creating a client side front-end React single page application for the stores user interface Using Entity Framework to write code that queries and updates the database Using ASP.NET Identity for login and registration Using React Router to navigate between routes on the client Using Automapper. Building a great looking UI using Material Design Making reusable form components using React hook form Paging, Sorting, Searching and Filtering Creating orders from the shopping basket Accepting payments via Stripe using the new EU standards for 3D secure Publishing the application to Heroku Many more things as well
Tools you need for this course
In this course all the lessons are demonstrated using Visual Studio Code, a free cross platform code editor. You can of course use any IDE you like and any Operating system you like… as long as it’s Windows, Linux or Mac.
Is this course for you?
This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.
Important: This course is aimed at beginners but there is an expectation you have written some code before – it is not suitable for those who have never coded before.
On this course we will build an example E-commerce store, completely from scratch using the DotNet CLI tool and the Create-React-App tool to help us get started. All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application using .Net and React. Who this course is for:
Beginner developers who would like to learn about .Net and React to build a real world project.
Requirements
Some programming experience required, but there is some pre-work you can do to get to the stage you need to be if never coded before
Last Updated 10/2021
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
76 B
TutsNode.com.txt
63 B
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/1. Introduction/4. Getting help.srt
20.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/10. Adding the checkout feature/15. Submitting the order.srt
12.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/10. Adding the checkout feature/16. Fetching a saved address for the form.srt
17.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/10. Adding the checkout feature/17. Creating the orders page.srt
13.6 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/10. Adding the checkout feature/2. Creating the order entities.srt
11.6 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/10. Adding the checkout feature/3. Refactoring identity to use an int.srt
19.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/10. Adding the checkout feature/5. Adding the create order method.srt
19.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/10. Adding the checkout feature/7. Shaping the order data.srt
12.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/10. Adding the checkout feature/9. Adding a custom text input.srt
12.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/11. Payments/1. Section 11 Introduction.srt
19.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/11. Payments/11. Adding the submit payment function.srt
17.1 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/11. Payments/13. Adding a webhook.srt
17.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/11. Payments/14. User secrets.srt
13.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/11. Payments/2. Setting up stripe.srt
12.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/11. Payments/7. Using stripe payment inputs.srt
13.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/12. Publishing/3. Creating a react production build.srt
11.6 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/12. Publishing/5. Switching to a production DB Server.srt
18 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/12. Publishing/7. Deploying to Heroku.srt
18.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/12. Publishing/8. Heroku troubleshooting.srt
11.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/13. Roles and CRUD operations/10. Adding an inventory page.srt
17.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/13. Roles and CRUD operations/14. Adding a drop zone.srt
14.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/13. Roles and CRUD operations/17. Submitting the form data.mp4
134.8 MB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/13. Roles and CRUD operations/17. Submitting the form data.srt
20 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/13. Roles and CRUD operations/7. Adding an image service.srt
14 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/13. Roles and CRUD operations/8. Using the image service.srt
13.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/2. API Basics/1. Section 2 Introduction.srt
14.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/2. API Basics/10. Using the Program.cs class to migrate and seed the data on app startup.srt
11.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/2. API Basics/3. Adding VS Code extensions.srt
11.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/2. API Basics/4. What’s in the Web API template.srt
16.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/2. API Basics/7. Adding the DbContext class.srt
14.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/2. API Basics/8. Creating an Entity Framework Migration.srt
11.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/3. React Basics/1. Section 3 Introduction.srt
13 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/3. React Basics/10. File and folder organisation.srt
13.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/3. React Basics/11. Adding React components.srt
16.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/3. React Basics/12. Adding the Material UI styling framework.srt
17.4 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/3. React Basics/17. Styling the product card.srt
13.4 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/3. React Basics/20. Section 3 Summary.srt
1.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/3. React Basics/4. React component basics.srt
17.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/3. React Basics/9. Adding a Typescript interface for the product.srt
13.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/4. React Router/2. Setting up React Router.srt
15.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/4. React Router/3. Adding Nav Links to the AppBar.srt
13.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/4. React Router/4. Stying the nav bar.srt
12.6 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/4. React Router/5. Fetching a product on component load.srt
18.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/1. Section 5 Introduction.srt
14.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/10. Creating a not found component.srt
7.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/11. Adding a delay and loading indicators to the app.srt
13.1 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/12. Using the dotnet debugging tool.srt
14.1 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/2. Setting up an error controller.srt
17.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/3. Adding exception handling middleware.srt
16.4 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/4. Centralising the axios requests.srt
13.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/5. Creating a react component to test the error responses.srt
11.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/5. Error handling/9. Creating a server error component.srt
19.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/1. Section 6 introduction.srt
11.6 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/10. Adding the axios methods for the basket.srt
15.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/13. Using React context to centralise state.srt
18.1 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/14. App initialisation - fetching the basket on app start.srt
13.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/16. Adding the remove item functionality.srt
13.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/2. Creating the basket entity.srt
13.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/20. Updating the product detail component to add items to cart part 1.srt
12 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/21. Updating the product detail component to add items to cart part 2.srt
19.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/3. EF Relationships.srt
13.4 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/6. Adding the shopping cart feature/5. Add basket item endpoint logic.srt
15.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/11. Using async functions in redux part 3.mp4
136.7 MB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/11. Using async functions in redux part 3.srt
18.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/12. Challenge - Solution.srt
18.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/13. Using Entity Adapters.srt
13.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/15. Fetching a single product.srt
14.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/16. Error handling in the reducers.srt
12.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/2. Installing and using Redux.srt
12.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/5. Using Redux Toolkit.srt
16.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/8. Refactoring the app to use the redux store.srt
14.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/7. Redux/9. Using async functions in redux part 1.srt
14.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/10. Catalog page design.srt
15.6 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/12. Setting up the axios get request to use our params.srt
12.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/13. Adding the search functionality to the client.srt
13.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/15. Adding filtering to the client.srt
14 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/16. Setting up pagination on the client.srt
16.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/17. Adding a pagination component.srt
15.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/18. Challenge solution.srt
12.4 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/2. Adding sorting to the API.srt
14.2 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/6. Creating a class that extends our List into a PagedList.srt
16.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/7. Testing our pagination in swagger.srt
12.9 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/8. Paging, Sorting, Filtering/9. Getting the filter lists from the API and storing in Redux state.srt
13.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/1. Section 9 Introduction.srt
11.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/10. Configuring swagger to send the auth token.srt
14.4 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/14. Adding React hook form.srt
12.7 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/15. Using React hook form validators.srt
12 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/16. Adding an account slice.srt
15.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/17. Creating a dropdown menu.srt
12.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/18. Persisting the login.srt
19.1 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/19. Cleaning up the app init code.srt
12.1 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/21. Adding the registration validators.srt
17.3 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/22. Transfer the basket to logged in user.srt
19.8 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/23. Client side testing and code for basket transfer.srt
14 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/24. Challenge solution.srt
14.5 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/3. Adding the entity configuration and migration.srt
15 KB
[TutsNode.com] - Learn to build an e-commerce store with .Net, React & Redux/9. Identity/8. Using the token service.srt