/robo-friends

Type into the search box to retrieve info about robots.A single page application where the user can search for robot friends among all🤖

Primary LanguageJavaScript

Robo-friends🤖

A single page Application where the user can search for robot friends Among All. 🗽🤖

Robo Friends is a ReactJS web application that is a Card UI and has different robot information in card form and we can search dynamically through those cards by name of the robot. 🤖

Key Features

Some of the standout features of the project are

  1. Dynamically robo friend search
  2. Fast Render
  3. Lightweight
  4. Responsive

Home Page :

robohome

Searching Dynamically :

searchdynamically

Searching for robo :

sbname

Technology Used :

  • ReactJS : - React makes it painless to create interactive UIs. Design simple views for each state in application, and React will efficiently update and render just the right components when data changes.

  • Tachyons :- Tachyons Css toolkit used for styling the components.

  • RoboHash :- Robohash is a easy web service that makes it easy to provide unique, robot/alien/monster/ whatever images for any text. Put in any text, such as IP address, email, filename, userid, or whatever else we like, and get back a pretty image for site.

Instructions

To run this project :

  1. Clone this repo
  2. Change your directory : cd robo-friends
  3. Run npm install
  4. Run npm start
  5. open http://localhost:3000 to view it in the browser.

Deployed Version (Feel free to visit) 👇

https://robo-friendsm90.netlify.app