Changes to main file

Author: Peter Brendel

frontend/src/App.css

@@ -13,11 +13,6 @@
   }
 }
 
-.teste {
-    font-size: 120px;
-    background-color: aqua;
-}
-
 .App-header {
   background-color: #282c34;
   min-height: 100vh;
@@ -41,3 +36,9 @@
     transform: rotate(360deg);
   }
 }
+
+.Card-folder {
+    margin-top: 20px;
+    display: flex;
+    justify-content: center;
+}

frontend/src/App.js

@@ -1,12 +1,71 @@
-import React from 'react';
+import React, { useState } from 'react';
 import './App.css';
-import Navbar from './components/navbar';
+import Navbar from './components/navbar/Navbar';
+import CardDeck from 'react-bootstrap/CardDeck';
+import Card from './components/card/Card';
+
 
 function App() {
 
+    const [tags, setTags] = useState(
+        [
+            {
+                variant:'secondary', 
+                text: 'Javascript'
+            },
+            {
+                variant:'success',
+                text: 'C++'
+            },
+            {
+                variant:'secondary',
+                text: "Ana"
+            },
+            {
+                variant:'light',
+                text: "ovo"
+            },
+            {
+                variant:'light',
+                text: "ovo"
+            }
+        ]
+    );
+
     return (
         <div className="App">
             <Navbar/>
+            <CardDeck className="Card-folder">
+                <Card
+                repository="Test Repo"
+                author="unkown"
+                readme="Little experimental text to check if card is doing ok"
+                tags={tags}/>
+
+                <Card
+                repository="Test Repo"
+                author="unkown"
+                readme="Little experimental text to check if card is doing ok"
+                tags={tags}/>
+
+                <Card
+                repository="Test Repo"
+                author="unkown"
+                readme="Little experimental text to check if card is doing ok"
+                tags={tags}/>
+
+                <Card
+                repository="Test Repo"
+                author="unkown"
+                readme="Little experimental text to check if card is doing ok"
+                tags={tags}/>
+
+                <Card
+                repository="Test Repo"
+                author="unkown"
+                readme="Little experimental text to check if card is doing ok"
+                tags={tags}/>
+            </CardDeck>
         </div>
     );
 }