Skip to content

ShayGali/zoo-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Zoo

Link to netlify page

Netlify Status

This project was built as part of an react course. We had to build a site that represents a zoo, with the option to add animals and edit the information about them.

The information is stored in a firebase firestore database.

The site is a responsive site built using bootstrap.

Tools

React.js React_Router Firebase Bootstrap Netlify

Hits

This project was bootstrapped with Create React App.

Pages

Home Page

The website home page.

pc phone
Home page Home page

Zoo Page

This page contains 3 buttons for select the type of the animal that the user can choose to see.

When he select a list of animals of the specified type will be shown.

The user can edit the animal data.

description pc phone
on open Zoo page on open Zoo page on open
selected 1 Zoo page on select Zoo page on select
selected 2 Zoo page on select Zoo page on select

Animal Page

When the user clicks on the view data buttons he will be navigate to this page.

He have the ability to edit the animal data. All changes will change immediately throughout the app and database.

description pc phone
on open Animal page on open Animal page on open
edit Animal page edit Animal page edit

Add Animal Page

The user have the ability to add a new animal to the zoo.

pc phone
Add Animal page Add Animal page

Firestore

The data in the firestore.

Firestore