Skip to content
A robot searching app built with React
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
README.md
package-lock.json
package.json
robofriends.png

README.md

Robofriends Project

This guided project is from a Udemy course called The Complete Web Developer in 2019: Zero to Mastery. The aim of the course is to teach you to become a full-stack developer

Project Guidelines

This is a guided project where the instructor shows us how to build a robot searching app using React.
To build the project, the below user stories needed to be fulfilled:

  • I can see 10 random robot users, each with different pictures, names and emails
  • I can type in a search bar, to see the robot cards get filtered out
  • I can scroll through the robot cards without losing visibility of the search bar

Project Approach

The approach to build this React app was to use a robots API to obtain the required data. We started first by building the smallest components (each individual card) and worked our way up until it incorporated the entire web app. At each component stage we created the CSS to make the UI look nice. We then added the functionality to dynamically insert the cards into the page and added the code so we could filter through the cards (as we typed) in the search box.

Made with

  • HTML, CSS, JavaScript & React

Preview

Check out the live version

Screenshot of a Robofriends Web App from a Udemy Course

You can’t perform that action at this time.