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.

Teacher's Notes
Video Transcript
Downloads

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:

Introduction to Visual Studio

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

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