• Add Tests Project for Unit Tests

• ARM Template should setup KeyVault.
• Pull KeyVault values and secrets from User Secrets Manager in VS 2017 into ARM Template

The project has a dependency on KeyVault, but how to set it up is a manual step. This should be automated with the ARM template so new users can get setup easily.

• Ability to save blobs and images to localhost without having to connect to Azure blob storage.

Example for setting up blob storage emulator locally.
https://docs.microsoft.com/en-us/azure/storage/common/storage-use-emulator

New users should not have to setup an Azure blob storage account to save profile images while developing locally.

• when build finishes, create an image and run automated tests
• after tests pass, then build image and push to private docker repository

As a new user, when trying to register a new account. After registration, I receive a registration email confirmation to ensure the email is valid. However there are two problems:

• the link for registration has a typo which points to the wrong domain (i.e. sstarter/Account/RegistrationConfirmationEmail... but it should be jsstarter/Account/...)
• When clicking on the confirmation email link, I am directed to the site but then redirected to login page. The alert says I need to login before continuing. However this prevents any users from registering.

• Upgrade to React version 16.5
• Profile a few of the page loads to see if there is any low hanging fruit to increase performance.

Setup key vault for secrets management

• Connection Strings
• Email Keys
• Default user values

• Setup Seed data for Admin Account to run the first time the project is setup. The code exists, but is commented out in Startup.cs

• Profile tab should display form-stepper if the user has not filled out the form before (does not have Image or First Name or Last Name).
• We should do this because the Profile displays broken image if no profile image is available. We should have a fallback profile icon.
• Display error message if upload for image is not successful with meaningful error message.

When setting up fresh, one of the dependencies is KeyVault for secrets.

• Add commented out section for working locally which allows the user to start the site by simply running it with dotnet run

• Add docker-compose file
• Add dockerfile
• Setup Docker Image Repo
• Setup CI for pushing to Azure Container Registry

• Currently ARM template is not setup to create Docker resources for Container Registry and Linux Server Farm. Need to Change template to create correct resources for Docker

• Admin page that displays list of admin features
• Role page that allows admin to add role to user
• Users page that lists the users with link to view that users Settings and Impersonation button.

Webpack should not run on project startup as no files have changed. Possibly issue with hash changing on bundle?

• Fix issue to stop webpack from running when project starts.
• When change is made to file and HMR updates it, a full webpack build should not happen.

• Add information about npm global installs for webpack webpack-cli node-sass
• Add information about how to setup KeyVault in Azure. Or at least point to resources for microsoft.docs.
• Add appsettings.json code snippet to avoid confusion about what secrets are getting pulled from KeyVault.

• Add button within Account tab to delete Account. On click it should ask for a confirmation, and then proceed to cascade delete the user all user data.
• Add button to allow the user to export Account data into json file.

• Setup tabs on Account Page to include Account tab, and Profile tab. Use existing Bootstrap 4 nav components.
• Account tab should have change password. Required fields are Old password, New password, Confirm new password.
• Account tab should have change email. User should receive a email confirmation to both email addresses. Once both email links have been verified the user email will be updated.
• Account tab should have Delete account.
• Add file type validation to only allow jpg, jpeg, png, gif

StarterPack with Identity Authentication

• Setup Authentication to include Profile
• Setup Admin Side to Create Roles and Add Users to Roles
• Setup Admin to View Registered users, and update their information and Roles.

Docker project

• Builds SQL server instance in container
• Runs EF migrations and gets DB status setup on build
• Build StarterPack Project files and generate output from webpack
• Change folder structure to be consistent with JavaScriptServices

• Added and implemented routes using Reach Router
• Additionally, need to setup Routes to be Nested as Components instead of the current flat structure which is similar to how v3 is setup for match. Need to switch to using components that all have a base root as a route.

After hearing Ryan Florence and btholt talk about reach router, it seems like a better way to go than v4. It should handle issues with SSR and in the future React Suspense.

• Add a IMemory Cache for database requests

• Setup Profile for displaying image
• Multi-Form for setting up profile
• Uploading to blob storage

Setup docker for continuous integration and continuous deployment.

• when commit occurs on master, have CI run docker command to build container and publish output.
• After pushing, then deploy

Force VS Build to wait for Webpack Completion before displaying page

• When developing locally, the VS build is trying to display the site before the webpack build is completed. The webpack build unfortunately takes a few seconds longer than the VS Build and results in NodeInvocationException: document is not defined on page load.
  However if you wait until webpack build completes and refresh the page, everything loads fine. Super irritating.

• Setup folder structure to resemble new Spa Template format

• Upgrade Startup.c project to use CompatibilityVersion.Version_2_1
  services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);

• Resolve issues with Server Side Rendering with the new changes.

• Adding the following for SSR
  services.AddNodeServices();
  services.AddSpaPrerenderer();

• Setup SendGrid to email users about registration email confirmation, forgot password, reset password.

• IdentityServer4 follows OIDC guidelines much better than any individual can do. Add IdentityServer4 as Project and hook up to existing Identity Core infrastructure

• When the user tried too many times to login to an account, lock it for a few minutes.

Expected:
When trying to hit an protected client side resource, while logged in/authenticated, the user should be able to login.
Actual:
The user is getting an error on client side, and is not directed to route. Blank/white page displays instead.

• Ability to check into master and trigger VSTS build process.
• Add Resource Manager to VS solution
• ARM Template to automate the resource manager process with a script
• Trigger ARM to build or update the template after check-in to master
• Run the build and create drop for deployment
• Add build step to automatically run the Unit Test project after the build has completed
• If Unit Tests pass and build is successful, then deploy the app service and swap.
• Add step to Release process that runs entity framework migration

If I am experimenting with user sessions would it be possible to set up persistent storage for the local SQL Server container via named volumes?

• Add ability to sign in via Google
• Add ability to sign in via Github
• Add ability to sign in via Twitter
• On sign in click with third party provider, user is prompted for user name and password if not already logged in with that provider.
• After successful authentication, user should be required to view scope and accept or deny permissions.

This looks like just the kind of fleshed out example I have been looking for, but I'm having trouble getting up and running locally and hoping you might be able to give me a nudge in the right direction.

Did the following according to your instructions:

npm install webpack webpack-cli -g

.. followed by "dotnet restore" which appeared to work fine.

However, "dotnet build" is returning an error:

EXEC : error : Cannot find module 'D:\ReactStarterPack\StarterPack\node_modules\webpack\bin\webpack.js' [D:\ReactStarterPack\StarterPack\StarterKit.csproj]

I would have though webpack would be resolved by the global install?

• Sync the appsettings.json with the values that are in _config["Key"]