Skip to content

Latest commit

 

History

History
76 lines (46 loc) · 1.98 KB

README.md

File metadata and controls

76 lines (46 loc) · 1.98 KB

Reptiles Everywhere!

Abstract

This children's educational reading application acts as an interactive library. Users are able to select a book from a number of different categories, all large font and pictures included.

Catered towards young children interested in reptiles, easy to use, bright colors, and interesting content.

What I learned

  • Reinforce React fundamentals and Hooks
  • Use a Google Books API
  • Reinforce using React Router to create a multi-page user experience

Setup

Visit Deployed site : Reptiles-everywhere

--OR--

Clone down this repository to your local machine.

Once cloned, change into this repo's directy.

Run npm install.

Run npm start.

In your browser, navigate to localhost:3000.

Project in Action

Header and Summary View

image image

Book Cover View

image

Embedded Book Functionality

image

Wins

  • An intriguing youthful user interface
  • Creating an engaging app with resposive feel
  • Successfully utilizing React Hooks

Challenges

  • Finding an api with good documentation
  • Api rate limiting when making a large number of requests
  • Moving data around different components

Future Iterations..

  • View other types of animals
  • Apply cover view on load
  • Sign in to google books account

Technologies Used

  • React Hooks
  • React & Router
  • Jest & React-testing-library
  • SCSS/SASS
  • Fetch API

Systems/Practices

  • git/Version Control
  • Node Package Manager

This project was bootstrapped with Create React App.