https://github.com/samantha-ruth/zookeepr

A mock zoo website where user can add animals and zookeepers. Created using node, express, and javascript.
https://github.com/samantha-ruth/zookeepr

css3 expressjs html5 javascript nodejs

Last synced: 2 months ago
JSON representation

A mock zoo website where user can add animals and zookeepers. Created using node, express, and javascript.

• Host: GitHub
• URL: https://github.com/samantha-ruth/zookeepr
• Owner: Samantha-Ruth
• Created: 2022-06-20T22:34:42.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-10-02T14:02:41.000Z (over 3 years ago)
• Last Synced: 2025-02-28T16:32:58.407Z (over 1 year ago)
• Topics: css3, expressjs, html5, javascript, nodejs
• Language: JavaScript
• Homepage:
• Size: 2.68 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ZooKeepr

## Description

This project was an activity using express.js to create a server and backend functionality and link it to a front end note-taker application.  The goal of this project was to generate the back-end of a zoo website where the user could view, add, update, delete animals and zookeepers working at the zoo. 

This project helped me understand how the back end is linked to the front through a series of GET and POST functions within the backend structure as well as FETCH structures in the front end javascript.  I learned how to require express, as well as modularize the code to make it easier to read. 

## Table of Contents

* [Installation](#installation)

* [Usage](#usage)

* [Links](#links)

* [Questions](#questions)

## Installation

If the user already has node installed on their device, they can download this project and run "npm init" and then "npm i express" to download the express dependecy.  If they are interested in running the tests, enter "npm i --save-dev jest".  Next, the user should enter "npm start" to launch the server and then view the website at localhost:3001.

## Usage

When the user navigates to the server's page (localhost:3001), they will be presented with a title page where they are given a brief description of the website, the ability to see animals and zookeepers, and able to enter new animals and zookeepers.

![Screen Shot 2022-10-02 at 7 39 23 AM](https://user-images.githubusercontent.com/64170123/193457148-0cf21fea-27c2-4ece-a691-be7d1902a455.png)

![Screen Shot 2022-10-02 at 7 39 47 AM](https://user-images.githubusercontent.com/64170123/193457150-4e6f80c0-330f-4480-a677-ff6eb1f94e4a.png)

When the clck on the "View Animals" button, they are taken to the animals page:

![Screen Shot 2022-10-02 at 7 40 10 AM](https://user-images.githubusercontent.com/64170123/193457152-a723f472-2e28-45cf-af23-69d14f5e33e8.png)

When the clck on the "View ZooKeepers" button, they are taken to a page of zookeepers:

![Screen Shot 2022-10-02 at 7 40 20 AM](https://user-images.githubusercontent.com/64170123/193457156-ff8b8b73-8c4b-4e4f-aff5-270e7285ac5e.png)

## Links

The link to the project is here: https://samantha-ruth.github.io/ZooKeepr/

The url of the Git repository is here: https://github.com/Samantha-Ruth/ZooKeepr

## Questions

If you have any questions about the repo, open an issue or you can find more of my work at (https://gitHub.com/Samantha-Ruth).