Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Reviewing the Project Files3: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.
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:
For more information on Entity Framework, check out these Treehouse courses:
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.
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
- Set the
trueand 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
the Fitness Frog API and start the design development process.
Let's download and review the project files.
I've already downloaded the project files to my desktop.
If you're following along, see the teacher's notes for
a link to download the project files.
Once you've downloaded the zip file, extract it and
open the solution file in Visual Studio.
I'll be using the community version of Visual Studio 2017,
which you can download and use for free.
See the teacher's notes for information about Visual Studio.
When prompted that you should only open projects from a trustworthy source,
go ahead and click OK.
You know these files came from Treehouse.
Our solution contains two projects,
a class library project named Treehouse.FitnessFrog.Shared and
an ASP.NET project named Treehouse.FitnessFrog.Spa.
The shared class library project contains entity framework related to classes.
In the Models folder, we have two models.
Activity and Entry.
In the Data folder, we have a database context class named Context.
And a DatabaseInitializer class that's used to seed our database with some data.
We also have two repositories, ActivitiesRepository and
Both of our repositories share the same base class, BaseRepository.
The client app was built with knowledge of these two models and their properties.
This means that we don't have to do any translation from these data structures
into different data structures.
Our ASP.NET project currently only contains the files for
our client application built using Angular.
It's a single page application so we only have one HTML page in our project.
The other files in the grid of our project,
the client-app-config.json file, the favicon, these font files,
And a CSS bundle were all produced from the Angular source code
using the Angular CLI.
These files make up the Fitness Frog client app.
In this course, we won't be working with or reviewing the source code for
the Angular application.
If you'd like to learn more about Angular or to review the source code for
that project, see the teacher's notes.
Let's start our application.
First, we need to set our ASP.NET project to be our startup project.
Then press F5 or the Start button.
Once the application has loaded into Chrome,
we can see that an unexpected server error has occurred.
This is the result of the client app trying to make a call to our API,
which we haven't built yet.
You need to sign up for Treehouse in order to download course files.Sign up