Aspnet Core React Redux Playground Template screenshot

Aspnet Core React Redux Playground Template

Author Avatar Theme by Based ghost
Updated: 25 Mar 2023
149 Stars

SPA template built with ASP.NET Core 7.0 + React + Redux + TypeScript + Hot Module Replacement (HMR)

Categories

Overview:

This product is a SPA (Single Page Application) built using ASP.NET Core 7.0 as the REST API server and React/Redux/TypeScript as the web client. It also uses Bulma, SASS, and styled-components for UI styling. The project is meant to serve as a testing ground for various libraries and packages and is not intended as a standalone final solution. It includes features such as login and logout processes, although authentication is not currently implemented.

Features:

  • ASP.NET Core 7.0 as the REST API server
  • React/Redux/TypeScript for the web client
  • Bulma, SASS, and styled-components for UI styling
  • Login and logout processes (stubbed for simulation)
  • Brotli/Gzip response compression (production build)
  • Swagger UI for API documentation
  • NSwag package for prettified API specification display
  • HealthChecks + AspNetCore.HealthChecks.UI package for monitoring the health of the application
  • Webpack for bundling of application assets and HMR (Hot Module Replacement)
  • Axios for REST communication

Installation:

To install the theme, follow these steps:

  1. Clone the repository to your local machine.
  2. Make sure you have ASP.NET Core 7.0 installed.
  3. Install the necessary packages using the package manager console:
    dotnet restore
    
  4. Build the project:
    dotnet build
    
  5. Start the server:
    dotnet run
    
  6. Open your web browser and navigate to the specified URL to access the application.

Summary:

This product is a SPA application built using ASP.NET Core 7.0 as the REST API server and React/Redux/TypeScript as the web client. It includes various features such as login and logout processes, API documentation using Swagger UI, and monitoring the health of the application. The project serves as a testing ground for different libraries and packages and may not be a standalone final solution. The installation process involves cloning the repository, installing the required packages, building the project, and starting the server.