O AssetReserve é uma aplicação web para gerenciamento e reserva de ativos (salas e equipamentos), desenvolvida para as disciplinas PW2 (Programação Web 2) e Engenharia de Requisitos.
O sistema permite que usuários visualizem ativos disponíveis, consultem detalhes, escolham datas e realizem reservas por meio de uma interface moderna, responsiva e interativa.
- 📋 Galeria de ativos com imagens e status em tempo real
- 🔎 Filtro dinâmico por categoria e capacidade
- 🗓️ Seleção de data para agendamento
- 🧾 Modal com detalhes completos do ativo
- 🔐 Autenticação de usuários com Supabase Auth
- 💾 Persistência real de dados com Supabase Database
- 📱 Layout totalmente responsivo (desktop, tablet e mobile)
| Tecnologia | Função no Projeto |
|---|---|
| Next.js | Framework React com SSR, rotas automáticas e performance otimizada |
| React | Componentização e renderização da interface |
| CSS3 | Estilização com Flexbox, Grid e Media Queries |
| JavaScript | Interatividade da aplicação |
| Supabase | Backend as a Service (Banco de Dados + Autenticação) |
| Tailwind | Sistema de grid e componentes responsivos |
AssetReserve/
├── public/ # Imagens e arquivos estáticos
├── src/
│ ├── components/ # Componentes reutilizáveis
│ ├── pages/ # Páginas da aplicação (rotas)
│ ├── services/ # Comunicação com o Supabase
│ ├── styles/ # Arquivos CSS
│ └── lib/ # Configuração do Supabase
├── package.json
└── README.md # Este arquivo
- Node.js 16+
- NPM ou Yarn
1️⃣ Clone o repositório
git clone https://github.com/odilon007/Projeto-PW2.git-
Acesse o diretório do projeto
cd Projeto-PW2 -
Instale as dependências
npm i
-
Configure as variáveis de ambiente Crie um arquivo .env.local na raiz do projeto:
NEXT_PUBLIC_SUPABASE_URL=... NEXT_PUBLIC_SUPABASE_ANON_KEY=... -
Inicie o servidor de desenvolvimento
npm run dev
-
A aplicação estara disponivel em:
http://localhost:3000
-
📊 Painel administrativo para gerenciamento de ativos
-
📧 Notificações de reservas por e-mail
-
📈 Histórico de reservas do usuário
-
🎨 Interface aprimorada com TailwindCSS
Contribuições são bem-vindas! 💡 Para contribuir:
- Faça um fork do repositório
- Crie uma branch para sua feature
git checkout -b minha-feature
- Realize as alterações e envie
git push origin minha-feature
Depois, abra um Pull Request descrevendo suas modificações.







