https://github.com/joacod/react-playground-ui

React Playground using create-react-app, Material-UI and React Router
https://github.com/joacod/react-playground-ui

create-react-app material-ui react react-router reactjs

Last synced: 1 day ago
JSON representation

React Playground using create-react-app, Material-UI and React Router

• Host: GitHub
• URL: https://github.com/joacod/react-playground-ui
• Owner: joacod
• License: gpl-3.0
• Created: 2020-05-06T15:55:41.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-01-06T02:35:12.000Z (almost 4 years ago)
• Last Synced: 2023-06-28T16:37:18.479Z (over 1 year ago)
• Topics: create-react-app, material-ui, react, react-router, reactjs
• Language: JavaScript
• Homepage:
• Size: 921 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Playground

React Playground using [create-react-app](https://github.com/facebook/create-react-app), [Material-UI](https://material-ui.com/) and [React Router](https://reacttraining.com/react-router/)



  

  

  



## Notes

The idea of this project is to provide a UI that consume the apis exposed in the following Web APIs repositories:

- [NetCore.Playground.Api](https://github.com/joacod/NetCore.Playground.Api)

- [go-playground-api](https://github.com/joacod/go-playground-api)

- [node-playground-api](https://github.com/joacod/node-playground-api)

*All API projects implements the exact same endpoints.*

What we get from this:

- We have API implementations to download and hook up with our UI project.

- We can practice different approaches in React

## Prerequisites

- [Get familiar with React](https://reactjs.org/)

- [VS Code Extension for React Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets)

## How to Run it

1. From the terminal: `npm start`

2. Once it's running, go to a browser

3. Hit the following url http://localhost:3000/

4. For the pages to work properly you will need a backend Web API up and running too, you can choose either of this:

    - [NetCore.Playground.Api](https://github.com/joacod/NetCore.Playground.Api)

    - [go-playground-api](https://github.com/joacod/go-playground-api)

    - [node-playground-api](https://github.com/joacod/node-playground-api)