https://github.com/mahamudm90/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🤖
https://github.com/mahamudm90/robo-friends

reactjs robohash tachyons

Last synced: about 6 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/mahamudm90/robo-friends
• Owner: MahamudM90
• Created: 2022-03-04T07:41:42.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-30T16:25:38.000Z (almost 2 years ago)
• Last Synced: 2023-12-29T10:28:00.354Z (11 months ago)
• Topics: reactjs, robohash, tachyons
• Language: JavaScript
• Homepage: https://robo-friendsm90.netlify.app
• Size: 375 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# 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](https://user-images.githubusercontent.com/58518192/72223570-802eae00-359a-11ea-9cdf-e090287f89a5.png)

### Searching Dynamically :

![searchdynamically](https://user-images.githubusercontent.com/58518192/72633599-01af8300-3983-11ea-9799-add6e36d1472.gif)

### Searching for robo :

![sbname](https://user-images.githubusercontent.com/58518192/72223575-95a3d800-359a-11ea-89b3-c32b346d49ec.png)

## Technology Used :

- [ReactJS](https://reactjs.org/) : - 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](https://tachyons.io/) :- Tachyons Css toolkit used for styling the components.

  

- [RoboHash](https://robohash.org/) :- 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`

5. Run `npm start`

6. open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### Deployed Version (Feel free to visit) 👇

https://robo-friendsm90.netlify.app