https://github.com/lgope/robo-friends

A single page application where the user can search for robot friends among all. 🗽🤖
https://github.com/lgope/robo-friends

react-scripts reactjs robohash tachyons-css

Last synced: 7 months ago
JSON representation

A single page application where the user can search for robot friends among all. 🗽🤖

• Host: GitHub
• URL: https://github.com/lgope/robo-friends
• Owner: lgope
• Created: 2020-01-12T17:04:52.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-04-24T02:28:45.000Z (over 1 year ago)
• Last Synced: 2025-01-21T09:48:21.878Z (9 months ago)
• Topics: react-scripts, reactjs, robohash, tachyons-css
• Language: JavaScript
• Homepage: https://lgope.github.io/robo-friends/
• Size: 590 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 1
• 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://lgope.github.io/robo-friends/