Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • H Hopeful Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Gestao de Planos de Contingencia em Desastres
  • Hopeful Wiki
  • Wiki
  • Frontend

Last edited by Lucca Zen Mazzoccato Sep 15, 2025
Page history
This is an old version of this page. You can view the most recent version or browse the history.

Frontend

Hopeful Frontend

Este é o frontend do projeto Hopeful, desenvolvido com Next.js.

Tecnologias Utilizadas

  • Next.js 15.4.6
  • React
  • Node.js
  • npm

Instalação

Clone o repositório e instale as dependências:

git clone https://github.com/Hopeful-ages/frontend.git
cd frontend

Para instalar as dependências, execute:

npm install

Para rodar o projeto em modo de desenvolvimento, execute:

npm run dev

o projeto estará disponível em http://localhost:3000.

Estrutura de Pastas

.
├── public
│   ├── images         # Imagens estáticas da aplicação
│   └── favicon.ico    # Ícone do site
├── src
│   ├── app            # Páginas da aplicação (Next.js App Router)
│   ├── components     # Componentes reutilizáveis
│   ├── styles         # Arquivos de estilo (CSS, Tailwind, etc.)
│   └── utils          # Funções utilitárias e helpers
├── .env.local         # Variáveis de ambiente locais
├── .gitignore         # Arquivos e pastas ignorados pelo Git
├── package.json       # Dependências e scripts do projeto
└── README.md          # Documentação do projeto
    Dica: Utiliza o comando npm run lint para verificar a formatação do código.
Clone repository
  • Arquitetura
  • Banco de Dados
  • Frontend
  • backend
  • configuracao
  • design_mockups
  • escopo
  • Home
  • processo