https://github.com/lvleo21/django-react-posts
Projeto desenvolvido no curso de ReactJS + NextJS do Maximilian
https://github.com/lvleo21/django-react-posts
django djangorestframework react vite
Last synced: 3 months ago
JSON representation
Projeto desenvolvido no curso de ReactJS + NextJS do Maximilian
- Host: GitHub
- URL: https://github.com/lvleo21/django-react-posts
- Owner: lvleo21
- Created: 2024-07-14T16:17:02.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-07-16T02:00:18.000Z (10 months ago)
- Last Synced: 2025-01-03T22:27:13.808Z (5 months ago)
- Topics: django, djangorestframework, react, vite
- Language: Python
- Homepage:
- Size: 2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Django React Posts
Exemplo básico de uma aplicação CRUD (Create, Read, Update, Delete) de posts, desenvolvida com o frontend em React e o backend em Django. Este projeto foi desenvolvido durante o curso rápido de React do Maximilian Schwarzmüller. A aplicação permite aos usuários criar, visualizar, editar e deletar posts.
### Tecnologias Utilizadas
- **Frontend:** Vite + React
- **Backend:** Django### Funcionalidades
- **Criar Post:** Adicione novos posts com título e conteúdo.
- **Listar Posts:** Visualize a lista de todos os posts existentes.
- **Editar Post:** Atualize o título e o conteúdo dos posts.
- **Deletar Post:** Remova posts indesejados.### Estrutura do Projeto
- **Frontend (React):** Interface de usuário interativa, construída com componentes reutilizáveis.
- **Backend (Django):** API RESTful para gerenciar operações de CRUD, com persistência de dados em um banco de dados.### Como Executar o Projeto
1. **Backend:**
- Navegue até o diretório do backend: `cd backend`
- Crie e ative um ambiente virtual `python3 -m venv venv && source venv/bin/activate`
- Instale as dependências: `pip install -r requirements.txt`
- Execute as migrações: `python manage.py migrate`
- Inicie o servidor: `python manage.py runserver`2. **Frontend:**
- Navegue até o diretório do frontend: `cd frontend`
- Instale as dependências: `yarn`
- Inicie o servidor de desenvolvimento: `yarn dev`