An open API service indexing awesome lists of open source software.

https://github.com/atysonjaime/crud_user

šŸ‘¤ Projeto fullstack com o intuito de realizar uma simples aplicação para cadastro de usuĆ”rios.
https://github.com/atysonjaime/crud_user

buefy crud django nuxtjs pug python sass vuejs

Last synced: 7 months ago
JSON representation

šŸ‘¤ Projeto fullstack com o intuito de realizar uma simples aplicação para cadastro de usuĆ”rios.

Awesome Lists containing this project

README

          

# Cadastro de UsuƔrios - CRUD

![GitHub](https://img.shields.io/badge/Atysonjaime-CRUD__User-9cf)
![GitHub](https://img.shields.io/github/license/atysonjaime/CRUD_User)

> šŸ‘¤ Projeto fullstack com o intuito de realizar uma simples aplicação para cadastro de usuĆ”rios. Possibilitando a criação, edição e exclusĆ£o. Possue um sistema de login simples, no qual, utiliza o email, cpf ou o pis como forma de acesso para a arĆ©a do usuario.
>
> Projeto proposto como desƔfio tecnico para a empresa [PontoTel](https://www.pontotel.com.br/).

![Login Page](/frontend/assets/capa_login.png)

## šŸ’» Tecnológias

Esse projeto subdivide-se entre backend e frontend. As tecnologias utilizadas podem ser visualizar na tabela abaixo.

| **Backend** | **Frontend** |
| :------------------------------------------------------------- | :------------------------------------------------ |
| [Python](https://www.python.org) | JavaScript e JSON |
| [Django](https://www.djangoproject.com) | [Node e NPM](https://nodejs.org/en/) |
| [Django Rest Framework](https://www.django-rest-framework.org) | [Vue.js](https://vuejs.org) |
| [JTW AUTH](https://jwt.io/introduction) | [Nuxtjs](https://nuxtjs.org) |
| | [SASS](https://sass-lang.com) |
| | [PUG](https://pugjs.org/api/getting-started.html) |
| | [Buefy](https://buefy.org) |

## šŸ”§ Build Setup

### Backend

_OBS: Ć© necessario ter o python jĆ” instalado em sua maquina._

_OBS2: Ć© necessario ter um arquivo .env na pasta backend/core contendo a SECRET KEY para o banco_

1. Para rodar a parte de back deste projeto, primeiro acesse a parta backend pelo terminal.

2. Após fazer isso, rode o comando:

```cmd
venv\Scripts\activate
```

Para o ambiente virtual ser ativado.

3. Quando ativado, irĆ” aparecer um (venv) na linha de comando do terminal. quando isso acontecer Ć© so seguir os seguintes comandos:

```python
pip install -r requirements.txt
```

```python
python manege.py makemigration
```

```python
python manege.py migrate
```

```python
python manege.py migrate
```

```python
python manege.py runserver
```

Se tudo estiver okay, seu banco estarĆ” rodando na porta 8000.

### Frontend

_OBS: Ć© necessario ter o node e npm jĆ” instalado em sua maquina._

1. Para rodar a parte de front deste projeto, primeiro acesse a pasta frontend pela terminal.

2. Em seguida, rode os seguintes comandos:

```node
npm install
```

```node
npm run dev
```

3. Pronto, o projeto frontend estarĆ” rodando na porta 3000

## šŸ–¼ļø Layout

O Layout apresentado para o sistema foi desenvolvido e pensando utilizando minhas experiencias com UX e outras aplicaƧƵes desenvolvidas por mim.

## šŸ“ LicenƧa

[MIT License](https://github.com/AtysonJaime/CRUD_user/blob/main/LICENSE) Ā© [Atyson Jaime](https://atysonjaime.github.io)