RoboFriends App
Live Site: https://profoundlyparker.github.io/RoboFriends/

This is a Zero to Mastery Complete Web Developer's course project. I've added React Hooks + Redux + Jest + TypeScript + Tailwind CSS to this project and made some style changes. I also chose to use a more complex API than the course did.
DummyJSON data: DummyJSON API
JSON Placeholder data used in ZTM course: JSON Placeholder API

Description

A React app that uses DummyJSON API to display robot cards. Built with React.js, React Hooks, Redux, TypeScript, Tailwind CSS, DummyJSON API, deployed on GitHub Pages

I have built tests using Jest, Enzyme, React Testing Library, and additional libraries for Redux actions & reducers, App container, and several pure components.

A huge thanks to Andrei Neagoie for creating Zero to Mastery Complete Web Developer Course and the entire Zero To Mastery platform to help encourage new developers like myself to pursue their passions!

Note: Robot images may vary from screenshots/gifs below. The DummyJSON API recently updated their image URLs, resulting in different robots.

Features

Scroll through 30 RoboFriends

Search through RoboFriends by name (first or last)

Search through RoboFriends by email

Waiting for API error message will display if API is down

Responsive design using Tailwind CSS

Mobile-friendly

Custom site favicon