This application is an educational site focused on endangered and vulnerable animals in North America. The site was created using C#/.Net. The UI makes use of SVG files for interactive maps. Users can view a set of animals for each country (US, Mexico & Canada), and then select an individual animal to view details. Information primarily comes from the IUCN RedList API.
This application is meant to be viewed in the browser. It will need a .NET Core Sdk 3.1 or 2.2 & ASP.Net 3.1 or 2.2 download.
Make sure you have git version control installed on your computer.
- Click the green 'Clone or Download' button and copy the link / download the zip
- Open terminal and type... or skip to #4 if you downloaded the zip
Windows
cd desktopMac & linux
cd ~/Desktop- in terminal type 'git clone {link to repository} '
git clone {link to repository}- If you downloaded the zip then extract all onto your desktop
- Open the folder with VSC or an equivalent
- Install .NET Core using this link
- Then Run the code below in the terminal to confirm installation
dotnet -- version- In the terminal enter to confirm the proper version installed
dotnet tool install -g
dotnet-script- Download ASP.NET Core To enable live viewing on a local server
- You will need to create a file in the root directory of the project run in powershell
new-item appsettings.json- Open project, navigate to the containing folder of the project & Run the code below to confirm build stability
dotnet run build-
Within that same containing folder Run dotnet watch run To open a live server w/auto updated viewing
-
Enjoy
| Behavior | Input | Output |
|---|---|---|
| The user can view a map of N. America and get info about the biomes of the 3 countries | 'http://localhost:5001/ | 'Map with hovering text' |
| The user can click on a country to see a list of selected animals | 'http://localhost:5001/Animals/Index?country=US' | '"Cards" for each animal with picture, name & link' |
| The user can click on a selected animal to see details | 'http://localhost:5001/Animals/Detail?name=Leopardus%20pardalis' | 'Page with animal details generated by API' |
| Pages are cached so that after a user visits a country index or individual animal once, it will load faster for subsequent refreshes | 'http://localhost:5001/Animals/Index?country=US' | 'Loads faster 2nd time' |
| The user can visit links from home index for additional info | 'click link to Nature Conservancy' | 'Redirect to Nature.org' |
N/A - 6/18/2020
https://github.com/juliaseid/EndangeredAnimals
WiseFool92.github.io/EndangeredAnimals
Email: watkins92@gmail.com
Email: settels.eric@gmail.com
Email: juliaseid@gmail.com
Email: nitun.2@gmail.com
-
-
source.unsplash.com will return a random image at a desired size by simply calling the size after the url followed by a '?' and a keyword. Example below
-
http://unsplash.it/500/500 - This will just return a random image the size of 500x500
-
This project is licensed under the MIT License
Copyright (c) 2020 Nathan Watkins-Hoagland, Eric Settels, Julis Seidman, Nitun Datta