https://github.com/fernandotorresl/curso_reactjs
PlatziVideo: Course "Práctico de ReactJS", Platzi, EscuejaJS. Using React
https://github.com/fernandotorresl/curso_reactjs
api fakeapi hooks javascript json-server platzi platzivideo react reactjs
Last synced: about 1 month ago
JSON representation
PlatziVideo: Course "Práctico de ReactJS", Platzi, EscuejaJS. Using React
- Host: GitHub
- URL: https://github.com/fernandotorresl/curso_reactjs
- Owner: FernandoTorresL
- Created: 2020-04-10T23:48:42.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T10:55:23.000Z (over 3 years ago)
- Last Synced: 2025-06-22T13:05:29.529Z (about 1 year ago)
- Topics: api, fakeapi, hooks, javascript, json-server, platzi, platzivideo, react, reactjs
- Language: JavaScript
- Homepage:
- Size: 3.19 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PlatziVideo
Proyecto de la EscuelaJS de Platzi México
# Project: PlatziVideo (Curso Práctico de React JS)
## Description
### Convert to React Components, create a fake API and add Hooks
Working adding React JS to previous project: https://github.com/FernandoTorresL/Curso_FrontEnd
We take the project from this [repository](https://github.com/FernandoTorresL/Curso_FrontEnd) and convert html pages to React Components, use a fake API and use React Hooks.
This is the result: Preview of FrontEnd with React, Hooks and a fake API:
---
## How to use this project ##
### Clone this repo
You can use and change 'my_folder' on this instruction to create a new folder
```
git clone git@github.com:FernandoTorresL/Curso_ReactJS.git my_folder
```
### Change to working directory and install
```
cd my_folder
npm install
```
### Compile (optional)
```
npm run build
```
### Start fake API
Start the json server to simulate an API for this project.
```
json-server initialState.json
```
You can see the data [here](http://localhost:3000/initialState)
### Execute
Now, open a new terminal, in the same folder, and execute with
```
npm run start
```
---
#### Follow me
[fertorresmx.dev](http://fertorresmx.dev/)
[fertorresmx.com](http://fertorresmx.com/)
#### :globe_with_meridians: Twitter, Instagram: @fertorresmx