https://github.com/dvanael/camara-spp-django
Reconstrução da interface do Portal de SPP - RN, com backend em Django. Projeto de Interface de Usuário, INFOWEB 2021
https://github.com/dvanael/camara-spp-django
bootstrap django interface interface-design rebuild
Last synced: 4 months ago
JSON representation
Reconstrução da interface do Portal de SPP - RN, com backend em Django. Projeto de Interface de Usuário, INFOWEB 2021
- Host: GitHub
- URL: https://github.com/dvanael/camara-spp-django
- Owner: dvanael
- Created: 2024-12-07T20:32:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-20T17:09:37.000Z (11 months ago)
- Last Synced: 2025-07-20T19:07:32.699Z (11 months ago)
- Topics: bootstrap, django, interface, interface-design, rebuild
- Language: HTML
- Homepage:
- Size: 1.92 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Câmara dos Vereadores de São Paulo do Potengi - RN
**Projeto de Interface do Usuário**
[Sobre](#sobre) • [Tecnologias](#tecnologias) • [Apresentação](#apresentação) • [Colabodores](#colaboradores)
---
## Sobre
Uma reconstrução do antigo **[Portal da Câmara de São Paulo do Potengi](https://camaraspp.rn.gov.br/)**, buscando melhorar a experiência e interface do usuário. Adicionalmente com um backend para processamento de funcinalidades dinâmicas.
Esse projeto foi criado para a conclusão da disciplina **Projeto e Interface de Usuário**.
Para a prototipação das telas do projeto, foi utilizado o **Figma**. [Confira os prototipos aqui!](https://www.figma.com/design/P9IzMY8T5NImyTdwmuTX72/CAMARA-MUNICIPAL---PROTOTIPO-BAIXA-FIDELIDADE?node-id=0-1&t=sxuRjeeXWv4zEKa5-1)
No desenvolvimento do projeto, foi priorizado **principios de UI/UX, Mobile First e Responsividade**.
Esse projeto é a continuidade de um frontend estático, acesse o repositório [Câmara SPP](https://github.com/dvanael/camara-spp).
---
### Funcionalidades
As funcionalidades implementadas no **Django**:
- **Pesquisa de páginas** do Portal
- **Pesquisa e filtragem** de Projetos de Lei
- **Paginação** de objetos
- **Formulários funcionais** com notificação de envio
---
## Tecnologias
![Django][DJANGO__BADGE]
![Python][PYTHON__BADGE]
![HTML][HTML__BADGE]
![CSS][CSS__BADGE]
![Javascript][JAVASCRIPT__BADGE]
![Bootstrap][BOOTSTRAP_BADGE]
![Figma][FIGMA__BADGE]
## Documentação de cores
Cores usadas no projeto.
| Cor | Hexadecimal |
| ----------------- | ---------------------------------------------------------------- |
| Branco |  #E4E7E7 |
| Preto |  #0C0D0D |
| Azul |  #0B45F4 |
| Azul Pastel |  #668CFF |
---
## Apresentação
Gravações e imagens do site funcionando.
---
**Página de resultados de pesquisa**
---
**Tabela de projetos de lei com filtragem**
---
## Instalação
- Clone o [repositório](https://github.com/dvanael/camara-spp-django)
```bash
git clone https://github.com/dvanael/camara-spp-django.git
```
- Crie um ambiente virtual
```bash
python -m venv .venv
```
- Ative o ambiente virtual
_windows_
```powershell
.venv/Scripts/activate
```
_linux, macOs_
```bash
source .venv/bin/activate
```
- Instale as dependências
```bash
pip install -r requirements.txt
```
- Crie as variáveis de ambiente
```bash
python scripts/env.py
```
- Faça as migrações necessárias
```bash
python manage.py migrate
```
- Crie um **super usuário**.
```bash
python manage.py createsuperuser
```
- Rode o servidor
```bash
python manage.py runserver
```
- Acesse a aplicação localmente: **[localhost:8000/](http://localhost:8000/)**
- Adicione objetos no banco de dados para testar as funcionalidades.
---
## Colaboradores
Ana Barbosa
Thaisy Juliany
João Pedro Moura
---
[DJANGO__BADGE]: https://img.shields.io/badge/-DJANGO-0d1117?style=for-the-badge&logo=django&logoColor=green
[PYTHON__BADGE]: https://img.shields.io/badge/-PYTHON-0d1117?style=for-the-badge&logo=python&logoColor
[HTML__BADGE]: https://img.shields.io/badge/-HTML5-0d1117?style=for-the-badge&logo=html5&logoColor
[CSS__BADGE]: https://img.shields.io/badge/-CSS3-0d1117?style=for-the-badge&logo=css&logoColor=blue
[JAVASCRIPT__BADGE]: https://img.shields.io/badge/-JavaScript-0d1117?style=for-the-badge&logo=javascript&logoColor
[FIGMA__BADGE]: https://img.shields.io/badge/-Figma-0d1117?style=for-the-badge&logo=figma&logoColor
[BOOTSTRAP_BADGE]: https://img.shields.io/badge/-Bootstrap-0d1117?style=for-the-badge&logo=bootstrap&logoColor