Merge pull request #82 from unb-mds/27-pagina-inicial

27 pagina inicial
unb-mds · Jul 3, 2024 · 65532e6 · 65532e6
2 parents fb58da6 + e3fdebf
commit 65532e6
Show file tree

Hide file tree

Showing 41 changed files with 1,272 additions and 85 deletions.
diff --git a/Como rodar b/Como rodar
diff --git a/Front end/projeto-react/Dockerfile b/Front end/projeto-react/Dockerfile
@@ -0,0 +1,13 @@
+# Use an official Node runtime as the base image
+FROM node:20-alpine
+
+# Set the working directory in the container
+WORKDIR /app
+# Copy the rest of the application code
+COPY . /app/
+# Install dependencies
+RUN npm install
+# Expose the port the app runs on
+EXPOSE 5173
+# Start the React app
+CMD ["npm", "run", "dev", "--","--host"]
diff --git a/Front end/projeto-react/assets/fonts/NewakeFont-Demo.otf b/Front end/projeto-react/assets/fonts/NewakeFont-Demo.otf
diff --git a/Front end/projeto-react/assets/images/Equipe.png b/Front end/projeto-react/assets/images/Equipe.png
diff --git a/Front end/projeto-react/assets/images/FGA_artigos3x(1).png b/Front end/projeto-react/assets/images/FGA_artigos3x(1).png
diff --git a/Front end/projeto-react/assets/images/Group 10.png b/Front end/projeto-react/assets/images/Group 10.png
diff --git a/Front end/projeto-react/assets/images/Group 12.png b/Front end/projeto-react/assets/images/Group 12.png
diff --git a/Front end/projeto-react/assets/images/Group 13.png b/Front end/projeto-react/assets/images/Group 13.png
diff --git a/Front end/projeto-react/assets/images/Group 14.png b/Front end/projeto-react/assets/images/Group 14.png
diff --git a/Front end/projeto-react/assets/images/Licitações.png b/Front end/projeto-react/assets/images/Licitações.png
diff --git a/Front end/projeto-react/assets/images/Logo-cabecalho.png b/Front end/projeto-react/assets/images/Logo-cabecalho.png
diff --git a/Front end/projeto-react/assets/images/github.png b/Front end/projeto-react/assets/images/github.png
diff --git a/Front end/projeto-react/assets/images/unb_image.png b/Front end/projeto-react/assets/images/unb_image.png
diff --git a/Front end/projeto-react/index.html b/Front end/projeto-react/index.html
@@ -6,6 +6,9 @@
   <link rel="icon" type="image/svg+xml" href="/vite.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Cultura Transparente</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
 </head>
 
 <body>

diff --git a/Front end/projeto-react/package-lock.json b/Front end/projeto-react/package-lock.json
diff --git a/Front end/projeto-react/package.json b/Front end/projeto-react/package.json
@@ -10,8 +10,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "apexcharts": "^3.49.2",
     "react": "^18.2.0",
+    "react-apexcharts": "^1.4.1",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.24.0",
     "styled-components": "^6.1.8"
   },
   "devDependencies": {
@@ -24,4 +27,4 @@
     "eslint-plugin-react-refresh": "^0.4.6",
     "vite": "^5.2.0"
   }
-}
+}
diff --git a/Front end/projeto-react/src/App.jsx b/Front end/projeto-react/src/App.jsx
@@ -1,20 +1,11 @@
-import { useRef, useState } from "react"
-import { Container } from "./styles"
-import logo from "./imagens/logo-mono2.png"
-import redbox from "./imagens/redbox.png"
+
+import { Outlet } from "react-router-dom"
 
 function App() {
-  const [count, setCount] = useState(0)
   return (
     <div>
-      <Container className="inicio">
-        <img src={logo} alt="logo" />
-        <button className="b1">Sobre</button>
-        <button className="b2">Licitações</button>
-        <button className="b3">Equipe</button>
-      </Container>
+      <Outlet />
     </div>
-
   )
 }
 

diff --git a/Front end/projeto-react/src/components/Footer/Footer.jsx b/Front end/projeto-react/src/components/Footer/Footer.jsx
@@ -0,0 +1,38 @@
+import styled from 'styled-components'
+
+export const Container = styled.div` 
+
+    .rodape{
+        background-color: #aaa399;
+        height: 5em;
+        margin: 5em 0 0 0;
+    }
+
+    .ancora{
+        display: flex;
+        align-items: center;
+        gap: 0.7em;
+    }
+    .rodape__lista{
+        display: flex;
+        flex-direction: row;
+        list-style-type: none;
+        justify-content: space-between;
+        align-items: center;
+        
+    }
+
+    .links{
+        color: black;
+        text-decoration: none;
+        font-family: sans-serif,NEWAKE;
+        font-size: 1.2em;
+        
+    }
+
+    .img{
+        max-height: 4em;
+        margin: 0.5em 0 0 0;
+    }
+
+    `
diff --git a/Front end/projeto-react/src/components/Footer/Footer_main.jsx b/Front end/projeto-react/src/components/Footer/Footer_main.jsx
@@ -0,0 +1,23 @@
+import { Container } from "./Footer"
+import imagem from "../../../assets/images/unb_image.png";
+
+
+
+function Footer() {
+  return (
+    <Container>
+        <footer>
+            <p style={{ textAlign: 'center', marginTop: '20px', fontSize: '18px', fontFamily: 'Poppins', color: '#fff' }}>
+            Projeto criado por alunos da Universidade de Brasília na disciplina de Métodos de Desenvolvimento de Software ensinada pela docente Carla Rocha.
+            </p>
+            <p style={{ textAlign: 'center', marginTop: '20px', fontSize: '14px', fontFamily: 'Poppins', color: '#fff' }}>
+            Desenvolvido por: André Maia, Isabelle Costa, José Vinicius, Pedro Faria, Pedro Goiz, Enrico Zoratto e Mateus Cavalcante.
+            </p>
+            <img src={imagem} alt="Descrição da imagem" style={{ maxWidth: '10%', height: 'auto', display: 'block', margin: 'auto', marginTop: '20px' }} />
+            <br/>
+        </footer>
+    </Container>
+  );
+}
+
+export default Footer;