https://github.com/jrsousadev/d3set-challenge-fullstack-web

👨🏻‍💻 System Front-end with React, NextJS and Mui
https://github.com/jrsousadev/d3set-challenge-fullstack-web

challenge mui nextjs react styled-components typescript

Last synced: 30 days ago
JSON representation

👨🏻‍💻 System Front-end with React, NextJS and Mui

• Host: GitHub
• URL: https://github.com/jrsousadev/d3set-challenge-fullstack-web
• Owner: jrsousadev
• Created: 2022-09-08T15:32:08.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-14T01:36:42.000Z (over 2 years ago)
• Last Synced: 2024-11-16T15:12:49.518Z (3 months ago)
• Topics: challenge, mui, nextjs, react, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 124 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 📋 Challenge D3Set Front-end

Projeto solicitado no desafio, sistema onde dá para cadastrar, editar, excluir, listar pessoas!

## O que foi utilizado no projeto:

- Typescript

- React 

- Next

- MUI

- Styled Components

### Link do repositório da API (Back-end)

🔗 [Back-end](https://github.com/jrsousadev/d3set-challenge-fullstack-api)

### Deploy 

🔗 [Conhecer aplicação](https://challenge-d3set-web.herokuapp.com/)

### Recursos

#### Filtra pessoas com mais de um telefone

![image](https://user-images.githubusercontent.com/92350736/189261334-05b63151-bb7a-43e2-acb5-8b223bf52bb4.png)

#### Cadastrar pessoa

![image](https://user-images.githubusercontent.com/92350736/189261383-bf50a3ef-b9ab-4e14-8c57-700fb2b62d57.png)

#### Listagem de pessoas

![image](https://user-images.githubusercontent.com/92350736/189261279-f98b9392-dd35-4bbe-aca9-5837677fab8c.png)

### Iniciando o Projeto

**1-** Clone repository and install dependencies.

```sh

# install dependencies

> yarn

# or

> yarn install

# copy .env file

> cp .env.example .env

# start project

> yarn dev

```