anthonyoliver1 / canteumanovacancao

Cante Uma Nova Canção

Cante Uma Nova Canção

Sobre   |   Estrutura do projeto   |   Layout   |   Tecnologias utilizadas   |   Pré-requisitos   |   Rodando a aplicação   |   Autor

💻 Sobre o projeto

Um app de música criado com 🔗 React Native para ter as músicas da Igreja de Cristo Internacional na palma da mão e poder acompanhar, ouvir e cantar onde estiver.

📂 Estrutura do Projeto

├── App.js
├── app.json
├── babel.config.js
├── eas.json
├── index.js
├── metro.config.js
├── package.json
├── src
│   ├── assets
│   │   ├── images_readme
│   │   ├── music
│   ├── components
│   │   ├── ErrorScreen
│   │   ├── Filter
│   │   ├── Loading
│   │   ├── Music
│   │   ├── MusicCipher
│   │   ├── PrivacyPolicy
│   │   ├── RecentSearches
│   │   ├── SpecialPage
│   │   └── TermsOfUse
│   ├── contexts
│   │   ├── connection.js
│   │   ├── music.js
│   │   └── search.js
│   ├── pages
│   │   ├── About
│   │   ├── Cipher
│   │   ├── Lyrics
│   │   └── Search
│   ├── routes
│   │   └── router.js
│   ├── service
│   │   ├── api.js
│   │   └── http.js
│   ├── style
│   │   ├── AboutStyle.js
│   │   ├── CipherStyle.js
│   │   ├── ErrorScreenStyle.js
│   │   ├── FilterStyle.js
│   │   ├── LoaderScreenStyle.js
│   │   ├── LoadingIndicatorStyle.js
│   │   ├── LyricsStyle.js
│   │   ├── MusicStyle.js
│   │   ├── RecentSearchesStyles.js
│   │   ├── SearchStyle.js
│   │   ├── SpecialEditionStyle.js
│   │   ├── TermsAndPrivacyStyle.js
│   │   └── themes
│   └── utils
│       ├── index.js
│       └── mockMusicData.json
└── style.js

🎨 Layout

🔧 Tecnologias utilizadas

• Expo
• React Native
• JavaScript
• Node.JS
• Visual Studio Code

🚀 Como executar o projeto

📌 Pré-requisitos

Antes de começar, é necessário ter algumas ferramentas instaladas no seu PC:

• Node.JS
• Git
• VS Code
• Expo CLI
  

💡 (Seguir todos os passos de instalação do Expo CLI)

Build Android

• Java 11 ou posterior **
• Android Studio
• Dispositivo Android ou Emulador *

Build iOS

• MacOS
• Xcode
• Dispositivos iOS ou Emulador *

** Expo SDK 48 - versão atual

* (Necessário ter o APP Expo Go instalado em dispositivos Android ou iOS).

⚡ Rodando a aplicação

  npm install 
  npm start

ou

  yarn
  yarn start

ou

    expo start

👷 Autor

Anthony Oliveira 🚀

Feito com ❤️ por Anthony Oliveira!