Download and Run

Download and Run

This tutorial walks you through running the React + .NET API web app. (The steps are similar for other stacks.)

  1. Set the projectPath value in the StackPuz Client configuration to "D:/stackpuz", then start the StackPuz Client app with the command: node index.js
  2. Create the project by following the setup commands outlined in the Requirements section, placing it in the D:/stackpuz/Project1 directory.

    Create Project

  3. After setup, you should have two folders within D:/stackpuz/Project1.

    Created Project

  4. Run the projects using the commands provided in the Requirements section.

    Run Project Commands Run Project Result

  5. Open a web browser and navigate to http://127.0.0.1:5173/ to view the empty web app running.

    Running Web App

  6. Go to your StackPuz project (Project1), select the React + .NET API stack.

    Stack Choose

  7. In the Target tab, under Project, click the Download button.

    Download Project

  8. You should see updating messages in the console as the project files are synchronized.

    Updated Project

  9. Switch to the browser, and the web app will now display the login screen.

    Updated Web App

  10. Log in with the test credentials: username admin and password 1234. You'll now redirected to the web app home page.

    Web App Home Page