Robofriends

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

Deployed on GitHub Pages. You can view it here.

This project was created with HTML5, CSS3, JavaScript, React, Redux, tachyons, robohash API and jsonplaceholder API.

Table of Contents

• Folder Structure
• Instructions
• Screenshots

Folder Structure

robofriends
├── README.md
├── .gitignore
├── package.json
├── package-lock.json
├── public
│   ├── index.html
│   ├── favicon.ico
│   ├── manifest.json
└── src
    ├── index.css
    ├── index.js
    ├── constants.js
    ├── actions.js
    ├── reducers.js
    ├── registerServiceWorker.js
    ├── containers
    │   ├── App.css
    │   ├── App.js
    │   └── SEGA.woff
    └── components
        ├── Card.js
        ├── CardList.js
        ├── Scroll.js
        ├── SearchBox.js
        └── ErrorBoundary.js

Instructions

To run this app in local environment, in the project directory

• first run npm install to install the dependencies
• then run npm start
• Open http://localhost:3000 to view it in the browser.

Screenshots