Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Building Services with ASP.NET Web API

Preview

Start a free Courses 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

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    Before we review the requirements for 0:00
    the Fitness Frog API and start the design development process. 0:02
    Let's download and review the project files. 0:05
    I've already downloaded the project files to my desktop. 0:09
    If you're following along, see the teacher's notes for 0:12
    a link to download the project files. 0:14
    Once you've downloaded the zip file, extract it and 0:16
    open the solution file in Visual Studio. 0:20
    I'll be using the community version of Visual Studio 2017, 0:22
    which you can download and use for free. 0:26
    See the teacher's notes for information about Visual Studio. 0:30
    When prompted that you should only open projects from a trustworthy source, 0:46
    go ahead and click OK. 0:50
    You know these files came from Treehouse. 0:52
    Our solution contains two projects, 1:01
    a class library project named Treehouse.FitnessFrog.Shared and 1:04
    an ASP.NET project named Treehouse.FitnessFrog.Spa. 1:09
    The shared class library project contains entity framework related to classes. 1:15
    In the Models folder, we have two models. 1:20
    Activity and Entry. 1:22
    In the Data folder, we have a database context class named Context. 1:27
    And a DatabaseInitializer class that's used to seed our database with some data. 1:32
    We also have two repositories, ActivitiesRepository and 1:38
    EntriesRepository. 1:43
    Both of our repositories share the same base class, BaseRepository. 1:45
    The client app was built with knowledge of these two models and their properties. 1:50
    This means that we don't have to do any translation from these data structures 1:55
    into different data structures. 1:59
    Our ASP.NET project currently only contains the files for 2:05
    our client application built using Angular. 2:09
    It's a single page application so we only have one HTML page in our project. 2:12
    The other files in the grid of our project, 2:19
    the client-app-config.json file, the favicon, these font files, 2:22
    and these JavaScript bundles, one, two, three, four. 2:28
    And a CSS bundle were all produced from the Angular source code 2:33
    using the Angular CLI. 2:38
    These files make up the Fitness Frog client app. 2:41
    In this course, we won't be working with or reviewing the source code for 2:44
    the Angular application. 2:48
    If you'd like to learn more about Angular or to review the source code for 2:50
    that project, see the teacher's notes. 2:53
    Let's start our application. 2:56
    First, we need to set our ASP.NET project to be our startup project. 2:58
    Then press F5 or the Start button. 3:05
    Once the application has loaded into Chrome, 3:17
    we can see that an unexpected server error has occurred. 3:20
    This is the result of the client app trying to make a call to our API, 3:24
    which we haven't built yet. 3:29

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

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up