todo

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 10 Open GitHub ↗

To do app using Django Rest Framework, Vue.js and PostgreSQL.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![LinkedIn][linkedin-shield]][linkedin-url]

<h1 align="center">To Do List App</h1>
 
 Um aplicativo web de lista de tarefas, criado utilizando Django Rest Framework e Vue.js 
 <a href="https://todovuejs-lucasfranca.herokuapp.com/">https://todovuejs-lucasfranca.herokuapp.com/</a>
 
 
 <img src="https://gist.githubusercontent.com/lucasfrancaid/13f62a71b0ba106a0dd5c5f6ca2d9dff/raw/d1c6b58b79ca481cbb0578b0d248879143cf265c/00_todo_start.png" alt="start" />

<a href="#-tecnologias">💻 Tecnologias</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#%EF%B8%8F-sobre-o-projeto">🕵️ Sobre o projeto</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#-iniciando-o-projeto">🚀 Iniciando</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#-como-contribuir">🆙 Como contribuir</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#-contato">📬 Contate-me</a>

## 💻 Tecnologias
* [Django](https://www.djangoproject.com/)
* [Django Rest Framework](https://www.django-rest-framework.org/)
* [Vue.js](https://vuejs.org/)
* [Vuetify](https://vuetifyjs.com/)

## 🕵️ Sobre o projeto
To do, é um projeto criado com Django Rest Framework e Vue.js na intenção de aprender mais sobre essas duas tecnologias fantásticas. A partir de mais estudos irei atualizando o projeto para aplicandar as melhores práticas e fazer o melhor uso possível dessas tecnologias,

## 🚀 Iniciando o projeto
Existem duas maneiras de executar o projeto, a maneira legal e a maneira chata.

### Usando Docker (É legal, um comando, produtividade.. e se não sabe usar docker tá na hora de aprender):
Para iniciar com Docker, tenha instalado em sua máquina o Docker e o Docker Compose. Tudo certinho? Então execute na pasta raíz do projeto:
```bash
sudo docker-compose up
```

Backend e Frontend disponíveis nas seguintes URLs:
 
- Back-end: http://localhost:8000/api/task
- Front-end: http://localhost:8080/

### Agora se você escolheu o método chato... siga os passos abaixo:
Para executar o projeto, é só seguir a lista de tarefas e executar os comandos de cada passo em um terminal:

```bash
$ git clone https://github.com/lucasfrancaid/todo.git
```

```bash
$ cd todo/backend
$ python3 -m venv .venv
$ source .venv/bin/activate
$ pip install -r requirements.txt
```

```bash
$ python manage.py migrate
$ python manage.py runserver
```

Backend funcionando, agora abra um novo terminal para executar os comando para rodar o frontend, acesse a pasta *todo/frontend* e execute os comandos do próximo passo:

```bash
$ npm install
$ npm run serve
```

Após rodar os comandos, os apps Backend e Frontend estarão disponíveis nas seguintes URLs:
 
- Back-end: http://localhost:8000/api/task
- Front-end: http://localhost:8080/

*Obs: Além de utilizar o back-end pelo browser, você também pode consumir a API pelo postman:*

[![Run in Postman](https://run.pstmn.io/button.svg)](https://app.getpostman.com/run-collection/ab48013b4c23ceb3666c)

E por último..

## 🆙 Como contribuir

- Faça um fork desse repositório
- Crie uma branch com sua feature, para isso execute ```git checkout -b nome-feature```
- Desenvolva sua implementação, adicione seus commits e execute ```git push origin nome-feature```
- Abra um Pull Request explanando sua implementação

## 📬 Contato

Lucas França 
https://lucasfrancaid.com.br/

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/lucasfrancaid

todo

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README