Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.

Preview

Start a free Basic trial
to watch this video

Sign up for Treehouse

Reviewing the Project Files

3:31 with James Churchill

Before we review the requirements for the Fitness Frog API and start the design/development process, let's download and review the project files.

Project Starter Files

The project files for the Fitness Frog Client App are available at http://treehouse-project-downloads.s3.amazonaws.com/dotnet-aspnet-web-api-fitness-frog.zip.

Visual Studio

You can download the latest version of Visual Studio at https://www.visualstudio.com/downloads/.

If you're new to Visual Studio or need a refresher, check out this Treehouse workshop:

Entity Framework

For more information on Entity Framework, check out these Treehouse courses:

Angular

Angular Project Files

The source files for the Fitness Frog Client App Angular application are available at http://treehouse-project-downloads.s3.amazonaws.com/dotnet-building-services-with-aspnet-web-api-fitness-frog-spa.zip.

Additional Learning

For more information about Angular, check out the following resources:

How to Enable the In-Memory Client-Side Data

To have the Fitness Frog Client App use its in-memory data instead of our non existent API, we need to edit the client-app-config.json file in the root of our project.

  • Open the client-app-config.json file
  • Set the useInMemoryData property to true and save the file
  • Then reload the page in the browser
  • A banner will display letting you know that you're using the in-memory client-side data
  • 0:00

    Before we review the requirements for

  • 0:02

    the Fitness Frog API and start the design development process.

  • 0:05

    Let's download and review the project files.

  • 0:09

    I've already downloaded the project files to my desktop.

  • 0:12

    If you're following along, see the teacher's notes for

  • 0:14

    a link to download the project files.

  • 0:16

    Once you've downloaded the zip file, extract it and

  • 0:20

    open the solution file in Visual Studio.

  • 0:22

    I'll be using the community version of Visual Studio 2017,

  • 0:26

    which you can download and use for free.

  • 0:30

    See the teacher's notes for information about Visual Studio.

  • 0:46

    When prompted that you should only open projects from a trustworthy source,

  • 0:50

    go ahead and click OK.

  • 0:52

    You know these files came from Treehouse.

  • 1:01

    Our solution contains two projects,

  • 1:04

    a class library project named Treehouse.FitnessFrog.Shared and

  • 1:09

    an ASP.NET project named Treehouse.FitnessFrog.Spa.

  • 1:15

    The shared class library project contains entity framework related to classes.

  • 1:20

    In the Models folder, we have two models.

  • 1:22

    Activity and Entry.

  • 1:27

    In the Data folder, we have a database context class named Context.

  • 1:32

    And a DatabaseInitializer class that's used to seed our database with some data.

  • 1:38

    We also have two repositories, ActivitiesRepository and

  • 1:43

    EntriesRepository.

  • 1:45

    Both of our repositories share the same base class, BaseRepository.

  • 1:50

    The client app was built with knowledge of these two models and their properties.

  • 1:55

    This means that we don't have to do any translation from these data structures

  • 1:59

    into different data structures.

  • 2:05

    Our ASP.NET project currently only contains the files for

  • 2:09

    our client application built using Angular.

  • 2:12

    It's a single page application so we only have one HTML page in our project.

  • 2:19

    The other files in the grid of our project,

  • 2:22

    the client-app-config.json file, the favicon, these font files,

  • 2:28

    and these JavaScript bundles, one, two, three, four.

  • 2:33

    And a CSS bundle were all produced from the Angular source code

  • 2:38

    using the Angular CLI.

  • 2:41

    These files make up the Fitness Frog client app.

  • 2:44

    In this course, we won't be working with or reviewing the source code for

  • 2:48

    the Angular application.

  • 2:50

    If you'd like to learn more about Angular or to review the source code for

  • 2:53

    that project, see the teacher's notes.

  • 2:56

    Let's start our application.

  • 2:58

    First, we need to set our ASP.NET project to be our startup project.

  • 3:05

    Then press F5 or the Start button.

  • 3:17

    Once the application has loaded into Chrome,

  • 3:20

    we can see that an unexpected server error has occurred.

  • 3:24

    This is the result of the client app trying to make a call to our API,

  • 3:29

    which we haven't built yet.

You need to sign up for Treehouse in order to download course files.

Sign up