Wardrobe Inventory
Welcome to Blazor!! The current .NET solution for web-development that Microsoft created to compete with React (Meta) and Angular (Google). You might be thinking why learn Blazor when most jobs want React/Angular? And that’s a good question. In fact I wouldn’t start with Blazor in the front-end before knowing one of the big JS frameworks. But once you have one of those covered, having Blazor in your resume might give you the edge you need to land that dream-job. And make no mistake! Even though there are less Blazor jobs out there, they definitely exist. And not many people are fighting for them.
Blazor lets you build user interfaces without using Javascript. Both client and server code is written in C#, allowing you to share code and libraries. It’s just a joy to work with. Up to 2022, there were two types of Blazor projects: Blazor Web Assembly, and Blazor Server. But recently Microsoft changed it so you can choose one or the other per component. That's not even counting Blazor Hybrid, which allows you to use Blazor components to build the UI for apps with WPF and most importantly, MAUI, which is fully cross-platform. Wow!! Let’s get started??
Requirements
This is an application where you should store and retrieve wardrobe data.
You can choose whatever database solution you want: Sqlite, SQL server or whatever you're comfortable with.
You should use Entity Framework.
Your database should have a single table. The objective is to focus on learning Blazor, so we should avoid the complexities of relational data.
Users of your app need to be able to upload pictures of wardrobe items.
You can't use Javascript Interop. The objective is to stay away from JS, even though it's still possible to use it.
Resources
Since this is your first Blazor project, I recommend you first complete the Blazor Todo App from Microsoft Learn. It’s a very simple project that will give you a basic understanding of how Blazor works. And don’t forget to reach out on our Discord community if you have questions!
Tips
You only need a single project. Contrary to using Angular and React, you don't need to create two separate projects, since the front-end end and the back-end will be covered by Blazor.
In this project, you're not allowed to use Javascript Interop. But a nice challenge after the completion of the project would be to integrate it to your project: Javascript Interop Explained, Javascript Interop Youtube Tutorial
Challenges
You love organizing so add a feature to categorize clothes by type.
Scratch your creative itch with a feature to create outfits by combining different clothes.
You hate repeating outfits, so add a feature that let's you track what you've used per date.
Comments
0 comments
No comments yet. Start the conversation.