SylvainJunca / robofriends

A simple page app rendering contacts using React and Redux

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Robofriends Project

Robofriend is a one page app - User can view a list of card representing robots with names. Robots data is provided by the JSONplaceholder API and roboash.org provides the avatars dynamically. This app is buit thanks to React, Redux and Tachyons

Final Product

Robofriend is deployed here - click for a demo

"Screenshot of main page - Desktop" "Screenshot of Search page - Desktop" "Screenshot of Search page - Smartphone"

Dependencies

  • react
  • react-dom
  • react-redux
  • react-scripts
  • redux
  • redux-logger
  • redux-thunk
  • tachyons

Getting Started

  • Install all dependancies (using the npm install command.
  • Run the React app in the developement modenpm start
  • Open http://localhost:3000 to view it in the browser The page will reload if you make edits.
    You will also see any lint errors in the console.
  • Have fun

Features

  • The app is Responsive design
  • You can search for a robot
  • The search shows dynamically all the possible results based on what you type

About

A simple page app rendering contacts using React and Redux


Languages

Language:JavaScript 81.8%Language:HTML 12.4%Language:CSS 5.7%