Skip to content

etorres-revature/React.js-Monsters_Rolodex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Github License

React.js Monsters Rolodex

Project Description

This project is a sample of the React.js library and its component functionality. There are two api calls to get user names and monster pictures. Those pictures are rendered on functional components created in React.js. There is alos a search functionality created through the React.js class-based component.

Table of Contents

Installation Instructions

Monsters Rolodex is deployed to GitHub Pages.

Usage

Monsters Rolodex is comprised of ten monsters whose names are pulled from the {JSON} Placeholder users API and whose pictures are form the ROBOHASH API.

MONSTERS ROLODEX home page

The Monsters Rolodex app exists in the class-based component giving it access to the State object. The monster cards are rendered through functional components, which gain access to the State object through the "props" (short for properties)object argument.

Monsters Rolodex also features a filtering function. Users can type information into the input, and the app will display only those monsters with the input letters in their name.

MONSTERS ROLODEX home page

Guidelines for Contributing

Please send thoughts and suggestions for further improvements to the e-mail address listed below.

Tests

Test early; test often.

Technologies Used

💻 💻 💻 💻 💻 💻

📝 HTML5 📝

JavaScript (JS) is one of the core technologies of the World Wide Web (along with HTML and CSS). It enables interactive web pages and is an essential part of web applications. JS is a multi-faceted, scripting language that provides versatility through Application Programming Interfaces (APIs) and Document Object Model (DOM) manipulation, among others.

JavaScript content borrowed from this page.

NODE.js is an open-source, cross-platform JavaScript runtime environment that execute JavaScript code outside a web browser. NODE.js lets developers use JavaScript to write command line tools and for server-side scripting. NODE.js represents a "Javascript everywhere" paradigm, unifying web-application development around a single programming language, rather than different programming languages for server- and client-side scripts.

NODE.js content borrowed from this page.

Download Node.js.

📡 Express.js 📡

Express.js is a minimal and flexible NODE.js web application framework that provides a robust set of features for web and mobile applications. The myriad HTTP utility methods and middleware allow for the creation of a robust API. Express.js provides a thin layer of fundamental features, without obscuring NODE.js features.

Express.js content borrowed from this page.

🚦 React.js 🚦

React.js is an open-source, front-end, JavaScript library for building user interface components. React.js can be used as a base in the development of single-page or mobile applications. It is only concerned with rendering data to the DOM.

React.js content borrowed from this page.

Author

This React.js Monsters Rolodex was built by 💚 Eric D. Torres 💚

Questions

Check out my GitHub profile.

You can contact me by e-mail at [email protected] for any additional questions and/ or clarifications you may need about the project.

License

This application uses the MIT License found here.

This README.md file generated with my NODE.js README Generator app.

About

The monsters rolodex is a compendium of monsters, with functionality to filter through an input.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published