Four-Project Series
A Responsive Web App with C#, .Net, and React you own this product
- prerequisites
- NET • C# • Basic understanding of databases • Basic knowledge of mySQL • Basic knowledge of JavaScript • Basic knowledge of React • Basic knowledge of ASP.NET • Basic knowledge of Entity Framework Core
- skills learned
- Set up a database • Populate data • Linq • Form validation • Creation of React controls • Creating a database model inside a React application • CSS • HTML • JavaScript • Testing • Visual Studio debugging tools in a real-world application • Performance optimization
pro $24.99 per month
- access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
- choose one free eBook per month to keep
- exclusive 50% discount on all purchases
lite $19.99 per month
- access to all Manning books, including MEAPs!
team
5, 10 or 20 seats+ for your team - learn more
Logistica Transport is growing fast. To keep up with their needs, they need a new web app solution that can replace their old desktop app. You’ve been hired to help build it for them! You’ll start by establishing a MySQL database from scratch to replace an old spreadsheet, then expand the database with vital connection functionalities based on Entity Framework Core. Next, you’ll assemble a React.js frontend and link up its tables to populate your database with data. Finally, to make sure everything’s running smoothly, you’ll put your app through a robust testing program—then start rolling it out to Logistica’s ever-growing base of customers!
These projects are designed for learning purposes and are not complete, production-ready applications or solutions.
here's what's included
Project 1 Create a Database Table
Logistica Transport has grown, which means they need to replace their outdated desktop app with a brand new web app solution. In this liveProject, you’ll help them kick off this transformation by swapping their current Excel-based storage system for a mySQL database. You’ll need to create and install the database from scratch, as well as set up the necessary tables to handle the input and output streams of data. This database is a vital foundation for how Logistica’s web app will function.
Project 2 Add Database Functionality
Logistica Transport needs to ditch its old desktop app and embrace a new web app solution. They’ve turned to you to help them, and in this liveProject, you’ll utilize Entity Framework Core to set up the vital connections between a MySQL database and the future web app. You’ll need to set up data models that define the structure and relationships of your data, as well as learn how to perform CRUD operations to create, update, and delete data in your database. Finally, you’ll connect your data models and CRUD operations to the Entity Framework for a full and working database solution.
Project 3 Link Front End and Data
Growth means change; for Logistica Transport, that means switching from their old desktop app to a new web app solution. In this liveProject, you’ll put together all of the pieces of this new web app. You’ll learn how to build a React.js app with Visual Studio 2023, set up a form for your users, and master the database magic of CRUD statements like insert, update, and delete to manipulate your database. Finally, you’ll validate your data formats to ensure the application works as expected.
Project 4 Test Functionality
Logistica Transport is on the rise—and they need a new web app solution that can do what their old desktop app can’t. That app is almost ready, but it needs a final round of testing to make sure it’s ready to go to its users. That’s where you come in! You’ll learn to utilize mocks and stubs, as well as the Jest and React Testing Library, to spot errors and make sure the app is production-ready. You’ll even test and assess the app’s performance using BenchmarkdotNET.
book resources
When you start each of the projects in this series, you'll get full access to the following book for 90 days.
choose your plan
pro
monthly
annual
$24.99
$249.99
only $20.83 per month
- access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
- choose another free product every time you renew
- choose twelve free products per year
- exclusive 50% discount on all purchases
-
![]()
A Responsive Web App with C#, .Net, and React project for free
A Responsive Web App with C#, .Net, and React project for free
team
monthly
annual
$49.99
$499.99
only $41.67 per month
- five seats for your team
- access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
- choose another free product every time you renew
- choose twelve free products per year
- exclusive 50% discount on all purchases
-
![]()
A Responsive Web App with C#, .Net, and React project for free
Prerequisites
This liveProject is for beginner web developers interested in learning full-stack web development using Microsoft tools.
TOOLS
- Basics of .NET
- Basics of C#
- Basic Knowledge of mySQL
- Basic Knowledge of Javascript
- Basic Knowledge of React
- Basic Knowledge of ASP.NET
- Basic Knowledge of Entity Framework Core
- Basic Understanding of Databases
features
- Self-paced
- You choose the schedule and decide how much time to invest as you build your project.
- Project roadmap
- Each project is divided into several achievable steps.
- Get Help
- While within the liveProject platform, get help from other participants and our expert mentors.
- Compare with others
- For each step, compare your deliverable to the solutions by the author and other participants.
- book resources
- Get full access to select books for 90 days. Permanent access to excerpts from Manning products are also included, as well as references to other resources.
