Minnesota animal directory is a website that will contain types of animals with a picture to go with it.
Users will be able to put in an animal name, accompanied with a link of a picture of the animal to provide vision evidence of it. When the new animal is submitted, it should populate at the bottom of the list and continue to grow as more animals are added in.
- Start by getting to a directory on your computer to save the file in using a terminal.
- Once at the desired directory, type "git clone" followed by [email protected]:Envyinnn/Phase-1-Project.git
- Once the file has been cloned to your local directory follow up the downloaded clone content in the terminal with "code ." if you have this shortcut installed. (this works on MAC's)
Launch VS Code. Open the Command Palette (Cmd+Shift+P) and type 'shell command' to find the Shell Command: Install 'code' command in PATH command.
Restart the terminal to use the new command.
The application will pull from the db.json file which holds the animals listed on the page.
The submit button is there to add into the db.json file when submitting new animals.
There is a "Dark Mode" and "Light Mode" button on the upper left hand side. This will allow a user to switch between a different colored format for the page. If a user is reading this page at night, one would use "Dark Mode" to lessen the strain on the eyes for a more comfortable read. "Light Mode" of course would just be the other way around.
A simple hover over was added to the begining title of the webpage "Minnesota Animal Directory" which will load in as black colored text. Once the user has passed over it with the mouse it will change to an orange color.
- Use of HTML/CSS/Js while utilizing db.json file for database
- A non-redirecting page loads in as a single page
- Including 3 different callbacks for 3 different event listeners
- Using Fetch request to get data from db.json file
- Use of map/forEach/filter to manipulate the api data