A full-stack social event management application built with ASP.NET Core and React. Users can create activities, join events, manage their profiles, follow other users, and chat in real time.
- User registration and authentication using JWT
- Role-based authorization
- Create, edit, and delete activities
- Join and leave activities
- Activity filtering and pagination
- User profiles
- Upload and manage profile photos
- Follow and unfollow users
- Real-time chat using SignalR
- Responsive user interface
- Global error handling
- Form validation
- Secure API endpoints
- ASP.NET Core
- Entity Framework Core
- ASP.NET Identity
- MediatR (CQRS)
- FluentValidation
- AutoMapper
- SignalR
- SQL Server
- React
- TypeScript
- React Router
- TanStack Query
- MobX
- Axios
- Material UI
- React Hook Form
- Zod
The application follows Clean Architecture, separating responsibilities into independent layers.
API
│
├── Application
│ ├── Commands
│ ├── Queries
│ ├── DTOs
│ └── Validators
│
├── Domain
│ └── Entities
│
├── Persistence
│ ├── DbContext
│ └── Migrations
│
└── ClientApp
└── React Frontend
- Clean Architecture
- CQRS
- Repository-free Entity Framework
- Dependency Injection
- Mediator Pattern
- Unit of Work (via EF Core)
- Domain-Driven Design concepts
Reactivities/API
│
├── Application/
├── Domain/
├── Infrastructure/
├── Middleware/
├── Migrations/
├── Persistence/
├── client-app/
└── README.md
- .NET SDK
- Node.js
- npm
- SQL Server
git clone https://github.com/musyokaeric/dotnet-react.git
cd dotnet-reactOn VSCode
cd API
dotnet restore
dotnet ef database update
dotnet runOr simply launch the application from Visual Studio
The API will start on:
https://localhost:5001
cd client-app
npm install
npm run devThe React application will start on:
https://localhost:3000 (mkcert)
Through this project I gained hands-on experience with:
- Building REST APIs using ASP.NET Core
- Implementing Clean Architecture
- Applying CQRS using MediatR
- JWT authentication and ASP.NET Identity
- Real-time communication with SignalR
- State management with MobX
- Data fetching with TanStack Query
- Building reusable React components
- Form validation with React Hook Form and Zod
- Entity Framework Core migrations
- Full-stack application deployment
This project was developed as part of the Complete Guide to Building an App with .NET Core and React by Neil Cummings.
The implementation has been extended with personal experimentation and serves as a learning project for mastering modern full-stack development with .NET and React.