diff --git a/README.md b/README.md index 14c19cb..3de931a 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ Logo do Cardápio Mobile UERJ

Cardápio Mobile UERJ

-Atual versão do Cardápio Mobile UERJ. +Atual versão do Cardápio Mobile UERJ. Cardápio Mobile UERJ está sob a licença APACHE. @@ -17,9 +17,9 @@ ## 📃 Descrição -    Cardápio Mobile UERJ é um aplicativo de código aberto feito para promover facilidade e maior acessibilidade ao cardápio do restaurante universitário da UERJ. +Cardápio Mobile UERJ é um aplicativo de código aberto feito para promover facilidade e maior acessibilidade ao cardápio do restaurante universitário da UERJ. -    Dentro do aplicativo também contém links de acesso para o site oficial da [UERJ](https://www.uerj.br/) e para o site oficial do [Restaurante Universitário](http://www.restauranteuniversitario.uerj.br/index.html). +Dentro do aplicativo também contém links de acesso para o site oficial da [UERJ](https://www.uerj.br/) e para o site oficial do [Restaurante Universitário](http://www.restauranteuniversitario.uerj.br/index.html). ## 🚀 Motivação @@ -33,11 +33,11 @@ ## ⚙ Como funciona? -    O Cardápio Mobile UERJ se baseia completamente na forma e estruturação do site do [Restaurante Universitário da UERJ](http://www.restauranteuniversitario.uerj.br/cardapio.html), que mantêm uma estrutura e padrão de formatação fixos desde a sua data de lançamento. O Aplicativo acessa o cardápio e salva a resposta do site na memória do celular, após isso ele processa e organiza essas informações utilizando [JQuery](https://jquery.com/) e programação orientada a objetos. Após organizado, o aplicativo renderiza em tela as informações, formatando o texto, corrigindo acentuação, pontuação e removendo a abreviação das palavras, tudo para a melhor experiência de deficintes visuais que utilizam o Talkback no celular. +O Cardápio Mobile UERJ se baseia completamente na forma e estruturação do site do [Restaurante Universitário da UERJ](http://www.restauranteuniversitario.uerj.br/cardapio.html), que mantêm uma estrutura e padrão de formatação fixos desde a sua data de lançamento. O Aplicativo acessa o cardápio e salva a resposta do site na memória do celular, após isso ele processa e organiza essas informações utilizando [JQuery](https://jquery.com/) e programação orientada a objetos. Após organizado, o aplicativo renderiza em tela as informações, formatando o texto, corrigindo acentuação, pontuação e removendo a abreviação das palavras, tudo para a melhor experiência de deficintes visuais que utilizam o Talkback no celular. ## 🛠 O que foi utilizado? -    Foi utilizado Javascript como linguagem de programação, [React-Native](https://github.com/facebook/react-native) como principal framework, JQuery ([react-native-cheerio](https://github.com/leon3110l/react-native-cheerio)) para a busca das informações e outras diversas libs para fins de abstração. +Foi utilizado Javascript como linguagem de programação, [React-Native](https://github.com/facebook/react-native) como principal framework, JQuery ([react-native-cheerio](https://github.com/leon3110l/react-native-cheerio)) para a busca das informações e outras diversas libs para fins de abstração. ## 🎨 Demonstração diff --git a/android/app/build.gradle b/android/app/build.gradle index 26d20de..c5edfe4 100644 --- a/android/app/build.gradle +++ b/android/app/build.gradle @@ -132,8 +132,8 @@ android { applicationId "com.cardapiomobileuerj" minSdkVersion rootProject.ext.minSdkVersion targetSdkVersion rootProject.ext.targetSdkVersion - versionCode 2 - versionName "1.01" + versionCode 3 + versionName "1.02" project.ext.set("archivesBaseName", "cardapio-mobile-uerj-" + defaultConfig.versionName); } splits { diff --git "a/resources/Card\303\241pio Mobile UERJ.xd" "b/resources/Card\303\241pio Mobile UERJ.xd" index 669be7a..ab32021 100644 Binary files "a/resources/Card\303\241pio Mobile UERJ.xd" and "b/resources/Card\303\241pio Mobile UERJ.xd" differ diff --git a/src/components/carousel.js b/src/components/carousel.js index 071354a..f2cf6ad 100644 --- a/src/components/carousel.js +++ b/src/components/carousel.js @@ -7,7 +7,6 @@ import { Row, Column, ItemRow, - View, Next, Previous, } from './styles_carousel'; @@ -47,10 +46,16 @@ const CarouselView = props => { ? item + ',' + 'Nenhum' : item + ',' + parseName(day.item[key + 4], item) }> - + {item} - + {parseName(day.item[key + 4], item)} @@ -61,7 +66,7 @@ const CarouselView = props => { } return ( - + <> { sliderWidth={Responsive(425)} itemWidth={Responsive(400)} /> - + ); }; diff --git a/src/components/styles_carousel.js b/src/components/styles_carousel.js index ea6e9ac..b8c40e1 100644 --- a/src/components/styles_carousel.js +++ b/src/components/styles_carousel.js @@ -8,8 +8,7 @@ export const Container = styled.View` align-self: center; margin-top: 30%; margin-bottom: 10%; - padding: 4%; - box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2); + padding: 3%; elevation: 4; `; @@ -19,7 +18,10 @@ export const ItemRow = styled.View` flex-direction: row; align-items: center; margin: 1%; - padding: 2%; + padding-top: 2.5%; + padding-bottom: 2.5%; + padding-right: 4%; + padding-left: 4%; elevation: 4; `; @@ -30,11 +32,6 @@ export const Row = styled.View` margin: 1%; `; -export const View = styled.View` - flex-direction: row; - align-self: center; -`; - export const Column = styled.View` flex: 1; `; @@ -55,14 +52,13 @@ export const Text = styled.Text` width: 50%; font-size: ${Responsive(16)}px; font-weight: bold; - text-align: center; + text-align: ${props => (props.textAlign ? props.textAlign : 'center')}; color: #fff; - padding: 0.5%; `; export const Next = styled.TouchableOpacity` width: 20%; - height: 80%; + height: 100%; align-self: center; position: absolute; left: 80%; @@ -70,7 +66,7 @@ export const Next = styled.TouchableOpacity` export const Previous = styled.TouchableOpacity` width: 20%; - height: 80%; + height: 100%; align-self: center; position: absolute; left: 0%;