├── src ├── @types │ └── png.d.ts ├── assets │ └── plate.png ├── components │ ├── Plate │ │ ├── styles.ts │ │ └── index.tsx │ ├── Button │ │ ├── styles.ts │ │ └── index.tsx │ ├── Header │ │ ├── styles.ts │ │ └── index.tsx │ ├── Footer │ │ ├── index.tsx │ │ └── styles.ts │ └── Toggle │ │ ├── styles.ts │ │ └── index.tsx ├── screens │ └── Details │ │ ├── styles.ts │ │ └── index.tsx └── styles │ └── theme.ts ├── assets ├── icon.png ├── splash.png ├── favicon.png ├── adaptive-icon.png └── Screenshot from 2021-09-01 13-26-55.png ├── tsconfig.json ├── babel.config.js ├── .gitignore ├── .expo-shared └── assets.json ├── App.tsx ├── app.json ├── package.json └── README.md /src/@types/png.d.ts: -------------------------------------------------------------------------------- 1 | declare module "*.png"; 2 | -------------------------------------------------------------------------------- /assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orodrigogo/cookapp/HEAD/assets/icon.png -------------------------------------------------------------------------------- /assets/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orodrigogo/cookapp/HEAD/assets/splash.png -------------------------------------------------------------------------------- /assets/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orodrigogo/cookapp/HEAD/assets/favicon.png -------------------------------------------------------------------------------- /src/assets/plate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orodrigogo/cookapp/HEAD/src/assets/plate.png -------------------------------------------------------------------------------- /assets/adaptive-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orodrigogo/cookapp/HEAD/assets/adaptive-icon.png -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "expo/tsconfig.base", 3 | "compilerOptions": { 4 | "strict": true 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /assets/Screenshot from 2021-09-01 13-26-55.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orodrigogo/cookapp/HEAD/assets/Screenshot from 2021-09-01 13-26-55.png -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = function(api) { 2 | api.cache(true); 3 | return { 4 | presets: ['babel-preset-expo'], 5 | }; 6 | }; 7 | -------------------------------------------------------------------------------- /src/components/Plate/styles.ts: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | 3 | export const styles = StyleSheet.create({ 4 | plate: { 5 | flex: 1, 6 | }, 7 | }); -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | npm-debug.* 4 | *.jks 5 | *.p8 6 | *.p12 7 | *.key 8 | *.mobileprovision 9 | *.orig.* 10 | web-build/ 11 | 12 | # macOS 13 | .DS_Store 14 | -------------------------------------------------------------------------------- /.expo-shared/assets.json: -------------------------------------------------------------------------------- 1 | { 2 | "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true, 3 | "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true 4 | } 5 | -------------------------------------------------------------------------------- /src/screens/Details/styles.ts: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | import { theme } from '../../styles/theme'; 3 | 4 | export const styles = StyleSheet.create({ 5 | container: { 6 | flex: 1, 7 | padding: 24, 8 | backgroundColor: theme.colors.white 9 | }, 10 | }); -------------------------------------------------------------------------------- /src/styles/theme.ts: -------------------------------------------------------------------------------- 1 | export const theme = { 2 | colors: { 3 | orange: '#BF612A', 4 | white: '#f7f7f7', 5 | brown: '#591C27', 6 | gray: '#afaca3', 7 | red: '#A61B34', 8 | }, 9 | 10 | fonts: { 11 | primary400: 'Ubuntu_400Regular', 12 | primary500: 'Ubuntu_500Medium', 13 | primary700: 'Ubuntu_700Bold', 14 | } 15 | }; -------------------------------------------------------------------------------- /src/components/Plate/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Image } from 'react-native'; 3 | 4 | import { styles } from './styles'; 5 | import plateImg from '../../assets/plate.png'; 6 | 7 | export function Plate() { 8 | return ( 9 | 14 | ); 15 | } -------------------------------------------------------------------------------- /src/components/Button/styles.ts: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | import { theme } from '../../styles/theme'; 3 | 4 | export const styles = StyleSheet.create({ 5 | button: { 6 | backgroundColor: theme.colors.red, 7 | height: 50, 8 | width: 200, 9 | borderRadius: 50, 10 | paddingHorizontal: 10, 11 | justifyContent: 'space-around', 12 | alignItems: 'center', 13 | flexDirection: 'row', 14 | }, 15 | text: { 16 | color: theme.colors.white, 17 | fontSize: 16 18 | }, 19 | }); -------------------------------------------------------------------------------- /src/screens/Details/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-native'; 3 | 4 | import { Header } from '../../components/Header'; 5 | import { Footer } from '../../components/Footer'; 6 | import { Toggle } from '../../components/Toggle'; 7 | import { Plate } from '../../components/Plate'; 8 | 9 | import { styles } from './styles'; 10 | 11 | export function Details() { 12 | return ( 13 | 14 |
15 | 16 | 17 |