create

5 repositorys in 1 fixing folders left
carlos09v · Sep 18, 2023 · 64fcaa5 · 64fcaa5
1 parent a65bda9
commit 64fcaa5
Show file tree

Hide file tree

Showing 450 changed files with 195,540 additions and 2 deletions.
diff --git a/10_nlwCopa_Ignite/.gitattributes b/10_nlwCopa_Ignite/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/10_nlwCopa_Ignite/README.md b/10_nlwCopa_Ignite/README.md
@@ -0,0 +1,17 @@
+<h1>NLW Copa</h1>
+<div align='center'>
+    <h3>- Veja o projeto no <a href='https://www.figma.com/community/file/1169028343875283461'>Figma 🔖</a> </h3>
+    <img height='500' src="https://github.com/carlos09v/NLWs_Rocketseat/blob/main/10_nlwCopa_Ignite/project/mobile/src/assets/Capa.png?raw=true" alt="NLW_Copa-Capa">
+    <hr>
+    <img height='500' src="https://github.com/carlos09v/NLWs_Rocketseat/blob/main/10_nlwCopa_Ignite/project/web/src/assets/preview.jpg?raw=true" alt="NLW_Copa-Web">
+</div>
+
+
+<h2>Trilha Ignite - NLW Copa - Rocketseat</h2>
+<p>-- Aplicação para participar de bolões da Copa do Mundo 2022 ⚽</p>
+<h3>Instrutores: <a href='https://github.com/diego3g'>Diego Fernandes</a> | <a href='https://github.com/rodrigorgtic'>Rodrigo Gonçalves</a></h3>
+<h2>Sobre o projeto:</h2>
+<p>Features: <strong>Authentication with Google - Database using Prisma with SQLite - Polls (Create, Search, Validate), Guesses, Games</strong></p>
+<h2>Veja o <a href='https://carlos09v.github.io/nlwCopa_Ignite'>Card</a> (figurinha) do projeto :)</h2>
+<h3>💜 React - Next.js - React Native - TypeScript - NodeJS - Prisma -  Fastify - SQLite - Native Base 💜</h3>
+<i>Projeto realizado no período de 31 a 04 de Novembro - 2022</i>
diff --git a/10_nlwCopa_Ignite/card_/assets/bg-explorer.svg b/10_nlwCopa_Ignite/card_/assets/bg-explorer.svg
diff --git a/10_nlwCopa_Ignite/card_/assets/bg-ignite.svg b/10_nlwCopa_Ignite/card_/assets/bg-ignite.svg
diff --git a/10_nlwCopa_Ignite/card_/assets/logo.svg b/10_nlwCopa_Ignite/card_/assets/logo.svg
diff --git a/10_nlwCopa_Ignite/card_/assets/preview_card.jpg b/10_nlwCopa_Ignite/card_/assets/preview_card.jpg
diff --git a/10_nlwCopa_Ignite/card_/script.js b/10_nlwCopa_Ignite/card_/script.js
@@ -0,0 +1,8 @@
+let isIgnite = true
+
+const changeCard = e => {
+    const card = e.target
+    const bg = isIgnite ? 'explorer' : 'ignite'
+    isIgnite = !isIgnite
+    card.style.backgroundImage = `url(./card_/assets/bg-${bg}.svg)`
+}
diff --git a/10_nlwCopa_Ignite/card_/style.css b/10_nlwCopa_Ignite/card_/style.css
@@ -0,0 +1,113 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+* {
+    margin: 0;
+    padding: 0;
+    font-family: 'Roboto, sans-serif';
+    box-sizing: border-box;
+}
+
+body {
+    background-image: linear-gradient(150deg, #0F2B05, #000000);
+    height: 100vh;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+header {
+    padding-bottom: 75px;
+}
+
+.card {
+    width: 270px;
+    height: 480px;
+    background-image: url('./assets/bg-ignite.svg');
+    background-position: center center;
+    cursor: pointer;
+
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+
+    opacity: 0;
+    transform: translateY(-100px);
+    animation: appear .4s forwards;
+}
+
+.card #pic {
+    width: 150px;
+    height: 150px;
+    border-radius: 50%;
+    border: 4px solid #f7dd43;
+    margin-top: 110px;
+    margin-left: 60px;
+
+    transition: .2s;
+}
+
+.card #pic:hover {
+    transform: scale(1.05);
+}
+
+.card #pic > img {
+    width: 100%;
+    border-radius: 50%;
+    object-fit: cover; /* Caso ñ seja do github */
+
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+}
+
+.info {
+    text-align: left;
+    margin-top: 90px;
+    margin-left: 35px;
+    color: white;
+
+    pointer-events: none;
+}
+
+.info h1 {
+    font-size: 18px;
+    line-height: 140%;
+}
+
+.info p {
+    font-size: 16px;
+    line-height: 160%;
+}
+
+#link {
+    margin-top: 2rem;
+    background-color: #f7dd43;
+    cursor: pointer;
+    padding: 16px 24px;
+    border-radius: 4px;
+    width: 225px;
+    font-weight: bold;
+    font-size: 1rem;
+
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+}
+
+#link > a {
+    color: black;
+    text-decoration: none;
+}
+
+#link:hover {
+    background-color: #E5CD3D;
+}
+
+@keyframes appear {
+    to {
+        opacity: 1;
+        transform: translateY(0px);
+    }
+}
diff --git a/10_nlwCopa_Ignite/index.html b/10_nlwCopa_Ignite/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Card NLW Copa</title>
+    <link rel="stylesheet" href="./card_/style.css">
+</head>
+<body>
+    <header>
+        <img src="./card_/assets/logo.svg" alt="Logo da NLW Copa">
+    </header>
+
+    <div class="card" onclick="changeCard(event)">
+        <div id="pic">
+            <img src="https://github.com/carlos09v.png" alt="Foto">
+        </div>
+        <div class="info">
+            <h1>Carlos Vinicius</h1>
+            <p>Student at Rocketseat</p>
+        </div>
+    </div>
+
+    <div id="link">
+        <a href="https://github.com/carlos09v/nlwCopa_Ignite" target="_blank">NLW Copa - Trilha Ignite</a>
+    </div>
+
+    <script src="./card_/script.js"></script>
+</body>
+</html>
diff --git a/10_nlwCopa_Ignite/project/mobile/.env.example b/10_nlwCopa_Ignite/project/mobile/.env.example
@@ -0,0 +1 @@
+CLIENT_ID=
diff --git a/10_nlwCopa_Ignite/project/mobile/.expo-shared/assets.json b/10_nlwCopa_Ignite/project/mobile/.expo-shared/assets.json
@@ -0,0 +1,4 @@
+{
+  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
+  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
+}
diff --git a/10_nlwCopa_Ignite/project/mobile/.gitignore b/10_nlwCopa_Ignite/project/mobile/.gitignore
@@ -0,0 +1,16 @@
+node_modules/
+.expo/
+dist/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+.env
+
+# macOS
+.DS_Store
diff --git a/10_nlwCopa_Ignite/project/mobile/App.tsx b/10_nlwCopa_Ignite/project/mobile/App.tsx
@@ -0,0 +1,41 @@
+// import { StyleSheet, View } from 'react-native';
+import { NativeBaseProvider, StatusBar } from 'native-base';
+
+import { THEME } from './src/styles/theme'
+import { useFonts, Roboto_400Regular, Roboto_500Medium, Roboto_700Bold } from '@expo-google-fonts/roboto'
+import Loading from './src/components/Loading';
+import { Routes } from './src/routes';
+
+import { AuthContextProvider } from './src/contexts/AuthContext';
+
+// Usar o Native Base
+export default function App() {
+  const [fontsLoaded] = useFonts({ Roboto_400Regular, Roboto_500Medium, Roboto_700Bold })
+
+  return (
+    <NativeBaseProvider theme={THEME}>
+      <AuthContextProvider>
+        <StatusBar barStyle='light-content' backgroundColor='transparent' translucent />
+
+        {/* Enqnto as fontes ñ tiverem carregadas, Loading Component */}
+        {fontsLoaded ? <Routes /> : <Loading />}
+      </AuthContextProvider>
+    </NativeBaseProvider>
+
+  );
+}
+
+/*
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  title: {
+    color: '#FFF',
+    fontSize: 24
+  }
+});
+*/
diff --git a/10_nlwCopa_Ignite/project/mobile/app.json b/10_nlwCopa_Ignite/project/mobile/app.json
@@ -0,0 +1,34 @@
+{
+  "expo": {
+    "name": "nlwcopamobile",
+    "slug": "nlwcopamobile",
+    "scheme": "nlwcopamobile",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "cover",
+      "backgroundColor": "#000000"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#FFFFFF"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}
diff --git a/10_nlwCopa_Ignite/project/mobile/assets/adaptive-icon.png b/10_nlwCopa_Ignite/project/mobile/assets/adaptive-icon.png
diff --git a/10_nlwCopa_Ignite/project/mobile/assets/favicon.png b/10_nlwCopa_Ignite/project/mobile/assets/favicon.png
diff --git a/10_nlwCopa_Ignite/project/mobile/assets/icon.png b/10_nlwCopa_Ignite/project/mobile/assets/icon.png
diff --git a/10_nlwCopa_Ignite/project/mobile/assets/splash.png b/10_nlwCopa_Ignite/project/mobile/assets/splash.png
diff --git a/10_nlwCopa_Ignite/project/mobile/babel.config.js b/10_nlwCopa_Ignite/project/mobile/babel.config.js
@@ -0,0 +1,7 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+    plugins: ['inline-dotenv']
+  };
+};
diff --git a/10_nlwCopa_Ignite/project/mobile/metro.config.js b/10_nlwCopa_Ignite/project/mobile/metro.config.js
@@ -0,0 +1,19 @@
+const { getDefaultConfig } = require("expo/metro-config");
+
+module.exports = (() => {
+  const config = getDefaultConfig(__dirname);
+
+  const { transformer, resolver } = config;
+
+  config.transformer = {
+    ...transformer,
+    babelTransformerPath: require.resolve("react-native-svg-transformer"),
+  };
+  config.resolver = {
+    ...resolver,
+    assetExts: resolver.assetExts.filter((ext) => ext !== "svg"),
+    sourceExts: [...resolver.sourceExts, "svg"],
+  };
+
+  return config;
+})();