idilsulo / TheWorld

A Web App constructed with ASP.NET Core, MVC 6, EF Core, and Angular which lets you create a Travel Plan on a World Map.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TheWorld

A Web App constructed with ASP.NET Core, MVC 6, EF Core, and Angular which let's you create a Travel Plan on a World Map.

Home Page

Welcome to the world!
This app will allow you to plan your trips.

Home Page

Login Page

When you click to the "View My Trips" button on the Home Page, you are directed to the Login Page.
Here, you can authenticate using the following username and password:
  • Username: samhastings
  • Password: P@ssw0rd!

Login Page

My Trips Page

After you login, you will be directed to the My Trips Page. Here you will see a list of trips that you can manage by clicking the manage button of each trip. Note that you can also view this page by clicking the "My Trips" section on the sidebar.

MyTrips Page

Trip Page

When you click one of the manage buttons listed in the Trips Page, you will see the details of that trip on a World Map. This map is created by using the Bing Maps API.

See here for more information about how to create Bing Maps Keys.
To be able to configure the key that you have created, you should add it in your Environmental Variables in the Windows OS.

Europe Trip

Europe Trip Page

US Trip

US Trip Page

Contact Page

Apart from above, the web application also consists of a Contact Page which lets the user send a message about their opinions of the project.

Contact Page



For more information, please visit the Pluralsight Tutorial.

About

A Web App constructed with ASP.NET Core, MVC 6, EF Core, and Angular which lets you create a Travel Plan on a World Map.


Languages

Language:CSS 70.0%Language:JavaScript 18.4%Language:HTML 8.0%Language:C# 3.5%Language:Ruby 0.1%Language:PowerShell 0.0%