https://github.com/fernandotorresl/pink_cloud_project

Exercise PlatziMaster, (Pink Cloud Project)
https://github.com/fernandotorresl/pink_cloud_project

api api-server bem crud eslint express expressjs frontend hooks imgur javascript mockup mongodb nodejs postman pretix react wip

Last synced: 2 months ago
JSON representation

Exercise PlatziMaster, (Pink Cloud Project)

• Host: GitHub
• URL: https://github.com/fernandotorresl/pink_cloud_project
• Owner: FernandoTorresL
• Created: 2020-04-16T07:44:30.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T05:57:48.000Z (over 2 years ago)
• Last Synced: 2024-04-15T06:04:57.744Z (about 1 year ago)
• Topics: api, api-server, bem, crud, eslint, express, expressjs, frontend, hooks, imgur, javascript, mockup, mongodb, nodejs, postman, pretix, react, wip
• Language: JavaScript
• Homepage: https://pink-cloud-project.now.sh
• Size: 3.81 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 34
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Project: Pink Cloud Project (PlatziMaster Project)

## Description

This project implements:

Separated by folders: Frontend and Backend

Frontend:

- React

- Router and Redux

View README.md on folder Frontend

Backend:

- API

- Database on MongoDB

View README.md on folder Backend

### Work In Progress = Deploying

Base Project: https://github.com/FernandoTorresL/ejercicio_maqueta01

Mockup:

![Imgur](https://i.imgur.com/ezVmirk.png)

---

#### Stage 1: Create HTML, CSS files

Finished

Preview of **Header**

![Imgur](https://i.imgur.com/D28wlAF.png)

Preview of **Categories**

![Imgur](https://i.imgur.com/rOMJZNM.png)

Preview of **Employees**

![Imgur](https://i.imgur.com/333sui8.png)

---

#### Stage 2: Convert to React Components, use Hooks and make a Fake API

Finished

This is the result so far: Preview of FrontEnd with React, Hooks and a Fake API:

![Imgur](https://i.imgur.com/vx23bAO.png)

---

#### Stage 3: Do the Backend, Database, CRUD methods on API and deploy

Finished

---

---

## Testing FrontEnd: How to install

### Install

```bash

cd frontend

npm install

```

### Compile

```bash

npm run build

```

### Start Fake API (FrontEnd)

```bash

json-server initialState.json

```

### Execute

```bash

npm run start

```

---

# Follow me

[fertorresmx.com](http://fertorresmx.com/)

## :globe_with_meridians: Twitter, Instagram: @fertorresmx