Skip to content

Protótipo de aplicativo web para cuidado infantil, permitindo registro de perfis de filhos, atividades e interação. Desenvolvido com HTML, CSS e JavaScript, com foco no front-end e usabilidade.

Notifications You must be signed in to change notification settings

paulaalessandrars/conectar-para-cuidar-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👶 Conectar para Cuidar - Protótipo de Aplicativo para Cuidado Infantil

Bem-vindo ao repositório do Conectar para Cuidar, um protótipo de aplicativo web dedicado a auxiliar pais e responsáveis no cuidado e acompanhamento do desenvolvimento de seus filhos. Este projeto foca na experiência do usuário, oferecendo um ambiente intuitivo para registro de informações, atividades e interação.


🚀 Sobre o Projeto

O Conectar para Cuidar é um protótipo de aplicativo front-end, desenvolvido com HTML, CSS e JavaScript, que simula as principais funcionalidades de uma plataforma de apoio à maternidade/paternidade. Embora seja um protótipo (sem backend funcional), ele demonstra a estrutura e o design de um aplicativo que permitiria aos usuários registrar perfis de filhos, postar atualizações, gerenciar atividades e interagir com uma comunidade. O foco principal foi a criação de uma interface amigável e responsiva.


⚙️ Funcionalidades (Protótipo)

  • Login/Registro: Simulação de um fluxo de autenticação para acesso ao aplicativo, com persistência de dados básicos via localStorage.
  • Página Inicial (Home): Um feed para postagens e atualizações, simulando a interação social.
  • Registro de Perfil dos Filhos: Funcionalidade para adicionar e gerenciar perfis individuais de cada criança, incluindo informações básicas.
  • Registro de Atividades: Capacidade de registrar e acompanhar as atividades diárias dos filhos (ex: alimentação, sono, brincadeiras).
  • Modais Interativos: Utilização de modais para diversas interações, como formulários de registro ou detalhes de atividades.
  • Página "Sobre": Detalhes sobre a missão, visão e valores do aplicativo, explicando seu propósito.
  • Página "Fale Conosco": Um canal para que os usuários possam entrar em contato e enviar feedback.
  • Navegação Intuitiva: Estrutura de navegação clara e fácil de usar, garantindo uma boa experiência.

📦 Tecnologias Utilizadas

  • HTML5: Estruturação semântica e base de todo o conteúdo do aplicativo.
  • CSS3: Estilização completa da interface, incluindo layout responsivo para diferentes dispositivos e elementos visuais atraentes.
  • JavaScript: Lógica de interação do protótipo, manipulação do DOM, controle de modais, simulação de login e persistência de dados no localStorage.
  • Bootstrap 5: Framework CSS para agilizar o desenvolvimento do layout e garantir a responsividade e componentes pré-estilizados.

🖼️ Como ficou

Página de Login Screenshot da Página de Login A tela inicial de acesso ao aplicativo.


Página Inicial (Home) Screenshot da Página Inicial Exemplo do feed de postagens e atividades.


Página "Sobre" Screenshot da Página Sobre Visão geral da seção que detalha o propósito do aplicativo.


Modal de Registro/Atividade Screenshot de um Modal Exemplo de um modal sendo utilizado para interação.


📂 Como Executar o Projeto

  1. Clone o repositório:
    git clone https://github.com/paulaalessandrars/conectar-para-cuidar-app.git
  2. Navegue até a pasta do projeto:
    cd conectar-para-cuidar-app
  3. Abra o arquivo index.html no seu navegador favorito e explore o protótipo do aplicativo!

🤝 Contribuição

Contribuições são muito bem-vindas! Se você deseja aprimorar este protótipo, adicionar novas funcionalidades ou corrigir bugs, sinta-se à vontade para fazer um fork deste repositório, criar uma nova branch e enviar um pull request.

  1. Faça um fork do projeto.
  2. Crie uma nova branch:
    git checkout -b minha-nova-feature
  3. Faça suas alterações e faça o commit:
    git commit -m 'Adiciona minha nova feature'
  4. Envie para o repositório original:
    git push origin minha-nova-feature
  5. Abra um Pull Request para análise.

🤩 Por que este protótipo é tão legal?

  • Impacto Social: Aborda uma necessidade real de apoio e organização para pais e responsáveis no cuidado infantil.
  • Demonstração de Habilidades Front-end: Apresenta um projeto completo utilizando HTML, CSS e JavaScript, com foco em usabilidade e design responsivo.
  • Potencial de Expansão: Sendo um protótipo, oferece uma base sólida para futuras implementações de backend e funcionalidades mais complexas.
  • Interface Amigável: Design pensado para ser intuitivo e acolhedor, refletindo o propósito do aplicativo.

Curtiu? Dá aquele ⭐ no repositório e vamos criar algo incrível juntos!


🚀 Mantenha-se conectado! Fique de olho nos updates e novas funcionalidades que estão por vir.

About

Protótipo de aplicativo web para cuidado infantil, permitindo registro de perfis de filhos, atividades e interação. Desenvolvido com HTML, CSS e JavaScript, com foco no front-end e usabilidade.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published