# [Stephen Grider] Microservices with Node JS and React [ENG, 2020]

# 22. Back to the Client

<br/>

### 01. A Few More Pages

browser --> https://ticketing.dev/

If chome will block page for security reasons, type: **thisisunsafe**

<br/>

![Application](/img/pic-22-01.png?raw=true)

<br/>

### 02. Reminder on Data Fetching with Next

<br/>

### 03. Two Quick Fixes

<br/>

### 04. Scaffolding a Form

<br/>

![Application](/img/pic-22-02.png?raw=true)

<br/>

### 04. Scaffolding a Form

<br/>

### 05. Sanitizing Price Input

<br/>

### 06. Ticket Creation

<br/>

### 07. Listing All Tickets

<br/>

![Application](/img/pic-22-03.png?raw=true)

<br/>

### 08. Linking to Wildcard Routess

<br/>

### 09. Creating an Order

<br/>

![Application](/img/pic-22-04.png?raw=true)

<br/>

### 10. Programmatic Navigation to Wildcard Routess

<br/>

### 11. The Expiration Timer

<br/>

### 12. Displaying the Expiration

<br/>

### 13. Showing a Stripe Payment Form

    $ cd client
    $ npm install react-stripe-checkout

<br/>

### 14. Configuring Stripe

<br/>

### 15. Test Credit Card Numbers

<br/>

### 16. Paying for an Order

<br/>

### 17. Filtering Reserved Tickets

<br/>

### 18. Header Links

<br/>

### 19. Rendering a List of Orders

<br/>

![Application](/img/pic-22-05.png?raw=true)

<br/>

---

<br/>

**Marley**

Any questions in english: <a href="https://jsdev.org/chat/">Telegram Chat</a>  
Любые вопросы на русском: <a href="https://jsdev.ru/chat/">Телеграм чат</a>
