Hi there,
I spent some time writing one full stack project using ASP.NET Core and React with other best practices as explained below. This app was made for the sole purpose of study and fun. I hope you like it.
This project was inspired by Rahul Sahay's excellent eCommerce project. Here's the link to his project.
The project was structured in two main folders: backend and frontend:
The backend architecture is based on the principles of Clean Architecture and DDD:
In the frontend part, I organized the React project as follows:
This project is built using ASP.NET Core 5. You can cd into API directory and say dotnet restore and then dotnet watch run.
- ASP.NET Core
- MediatR
- NWebsec
- Generic Repository Patterns
- Unit of Work Pattern
- Sqlite during devlopment
- Mysql in Production
- Swagger
- Automapper
- Hosted Services
- SignalR
- EntityFramework Core
- Identity
- Redis Distributed Cache
This project was generated with Vite command. You can cd into frontend folder and do npm i to install the packages then npm run dev to run the project.
- React
- Typescript
- TailwindCSS
- React Query
- Formik
- MobX
- Axios
This project is fully mobile friendly. I used classes from TailwindCSS to facilitate the construction of my custom components, as if it were a basic version of a UI Kit. So it took a lot of time writing CSS which, while tiring, was really fun to practice.