/think-pooh

The aim of this project was to solve a fullstack challenge by fetching API data on a React app.

Primary LanguageJavaScript

Layout

💻 Project

The aim of this project was to solve a fullstack challenge by fetching Chuck Norris API data on a React app.

🚀 Technologies

This project was developed with the following technologies:

  • React - a JavaScript library for building user interfaces.
  • Node.js - an asynchronous event-driven JavaScript runtime.
  • Material UI - React components for faster and easier web development.
  • Express - web framework for Node.js.
  • Axios - Promise based HTTP client.

💾 Getting started

Get Node.js installed on your machine.
Verify you have everything installed correctly:

node --version

Get Yarn installed on your machine. It's faster than the NPM package manager installed together with node.
Verify you have everything installed correctly:

yarn -v

Create a directory for this repo and clone it:

git clone https://github.com/Henrinacio/react-node-chuck-challenge.git

Initialize project inside both folders (myfrontend and mybackend)

yarn install

🎨 Back-end & Front-end

Run the back-end server in the development mode (hosted on http://localhost:5000)

yarn start

Run the front-end server in the development mode:

yarn start

Open http://localhost:3000 to view it in the browser.

👏 Now you can search for hand curated Chuck Norris facts!