Skip to content

MaaMachado/contador-app

Repository files navigation

🧮 Aplicativo Contador

Exercício 1 - UC16 - userState e Componentes

👨🏽‍💻Introdução:

Bem-vindo à documentação de uma aplicação de contagem, criada em TypeScript com adições de JavaScript, React Native e Expo, desenvolvida por Maria Machado como parte do exercício 1 da UC16 (Desenvolvimento de Aplicativos Híbridos) do curso Técnico em Desenvolvimento de Sistemas - Senac 22/23.
Nesta documentação, apresentarei uma visão geral, as tecnologias utilizadas e cada etapa para acessar este projeto


✨ Visão Geral:

O aplicativo "Contador" foi criado para testar os conhecimentos em React Native e TypeScript, servindo como uma demonstração do uso do 'userState' e 'Componentes' no desenvolvimento de aplicativos híbridos.
Uma aplicação simples de contagem de números, na qual o componente 'Contador', criado na página 'index.tsx', é chamado na página 'App.tsk' para exibir um contador na tela. O valor inicial deve ser 0 e deve ser modificado pelos botões de incrementar ("▶️"), decrementar ("▶️") e resetar ("Reset"). Quando pressionados, esses botões aumentarão, diminuirão ou redefinirão o contador.


🎯 Tecnologias utilizadas:

  • React Native
  • Typescript
  • Expo

💻 Como Acessar o Projeto:

Para acessar e utilizar o Contador, siga as instruções abaixo:

  • Certifique-se de ter instalado: Git, Node.js + NPM no seu computador. São essenciais para rodar o programa;

  • Tenha o 'Expo Go', se o seu celular for sistema Android, para rodar o aplicativo;

  • Abra o Visual Studio Code;

  • Clone este projeto e baixe as bibliotecas:

    # Clonar esse repositório
    git clone https://github.com/MaaMachado/contador-app.git
    
    # Vá para o ropositório
    cd contador-app
    
    # Instale as dependências
    npm install
    
  • Execute o seguinte comando para iniciar o sistema:

    npx expo
    
  • Agora você pode visualizar o aplicativo pelo celular ou se quiser ver pelo 'web' é necessário digitar 'w' e esperar abrir uma página no navegador. Para uma melhor visualização web, vá nas Ferramentas do Programador e clique para ver no formato mobile.


Releases

No releases published

Packages

No packages published