darieldejesus / react-github-battle

This is the web app created based on the React course by Tyler McGinnis https://learn.tylermcginnis.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GitHub Battle - A React app for learn purposes

This little app was created based on the course by Tyler McGinnis of React Fundamentals https://learn.tylermcginnis.com/courses.

TODO

  • Tests have not been implemented in the tutorial but I'll add them anyway.
  • Flux/Redux will be implemented to manage the data flow.

Requirements

  • Docker & Docker Compose

Installation

First of all, make sure you have Docker on your computer. Then, you can proceed with the following steps:

  1. Download the project files.
$ git clone git@github.com:darieldejesus/react-github-battle.git
$ cd react-github-battle/
  1. Run Docker-Compose in order to start the project container. It will download the required images, build the local Dockerfile image and install required node packages. Then webpack-dev-server will be executed.
$ docker-compose up
  1. Finally, go to (localhost:8080) and confirm it works properly.
$ curl http://localhost:8080
# This command will return:
!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Github Battle</title>
</head>
<body>
  <div id="app"></div>
<script type="text/javascript" src="/index_bundle.js"></script></body>

Tests

In progress. :)

  1. Download the project files.
docker exec -it reactjstraining_web_1 npm test

Credits

Created by Dariel de Jesus.

Tutorial Credits

React Fundamentals by Tyler McGinnis

About

This is the web app created based on the React course by Tyler McGinnis https://learn.tylermcginnis.com/


Languages

Language:JavaScript 93.1%Language:CSS 6.4%Language:HTML 0.6%