Code Monkey home page Code Monkey logo

cloudatlas-skeleton's Introduction

ASP.NET Core / React SPA Template App

This app is a template application using ASP.NET Core 2.1 for a REST/JSON API server (as well as mock services) and React for a web client. The code is based on ASP.Net Core 2.1 React-Redux template and merge more features from "React + Redux - User Registration and Login Tutorial & Example"(https://github.com/cornflourblue/react-redux-registration-login-example). The following features are included in this version:

  • top toolbar
  • left side nav menu
  • mock axios
  • user registration/login

Overview of Stack

  • Server
    • ASP.NET Core 2.1
    • Web Api
  • Client
    • React 16.X
    • react-scripts to build/run app
    • CSS Modules
    • Fetch API for REST requests

Demo

http://dotnetcore-react-skeleton20180730104349.azurewebsites.net/

Setup

  1. Install the following:
  2. fetch the code "git clone https://github.com/LeiZheng/CloudAtlas-Skeleton.git"
  3. Run "dotnet run"
  4. Open URL with http://localhost:56989 fetching from comamnd window

This template was developed and tested on windows but should run on mac/linux as well. If you experience any issues getting it to run on Windows and work through them, please submit a PR!

SPA Clients

The SPA Clients is platform indepdent. just go to CleintApp folder and run the script following:

  1. npm install

When first cloning the repo or adding new dependencies, run this command. This will:

  • Install Node dependencies from package.json
  • Install .NET Core dependencies from api/api.csproj and api.test/api.test.csproj (using dotnet restore)
  1. npm start

To start the app for development, run this command. This will:

  1. npm test

This will run the xUnit tests in api.test/ and the Mocha/Enzyme tests in client-react.test/.

Credit

The following resources were helpful in setting up this template:

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.