Definição das páginas a serem feitas

hello-world.js

-
-var axios = require('axios')
-// Requisições do tipo GET
-axios.get('http://localhost:5000/v1/questions')
-  .then(function(response){
-    console.log(response.data); // ex.: { user: 'Your User'}
-    console.log(response.status); // ex.: 200
-  });
-
-// Requisições POST, note há um parâmetro extra indicando os parâmetros da requisição
-axios.post('/save', { id:'4', description: 'tudo bem', status: 'active' })
-  .then(function(response){
-    console.log('salvo com sucesso')
-  });

src/App.css

-.App {
-  text-align: center;
-}
-
-.carrossel{
-  background-color: red;
-}
-
-li.slide{
-  background: White !important;
-
-}
-
-.MuiSelect-select-6:focus{
-  background-color: white !important;
-}
-
-.MuiPaper-elevation2-85{
-  box-shadow: none !important;
-}
-
-.material-icons {
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    -webkit-font-feature-settings: 'liga';
-    -webkit-font-smoothing: antialiased;
-}

src/App.test.js

-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});

src/Components/AreasSubPages.js

@@ -42,7 +42,6 @@ class ReqCards extends Component{
     axios.get(`${apiUrl}/learning_objects?limit=12&sort=["published_at", "desc"]`)
     .then(res=> {
       this.setState({resources: res.data});
-      console.log(res.data);
     });
   }
   render(){

src/Components/MenuBar.js

@@ -31,7 +31,7 @@ class MenuBar extends Component{
           </Col>
           <Col sm={2} md={2} style={{padding:"0px", alingItens: "left", alignSelf:"center"}}><Menulist children={<IoIosMenu/>} label={"Menu"}/></Col>
           <Col sm={2} md={2} style={{padding:"0px", paddingTop: "-5px", alignSelf:"center"}}><Menulist label={"Ajuda"}/></Col>
-          <Col sm={2} md={2} style={{padding:"0px", alignSelf:"center"}}>< Link to ="/sobre">Busca</Link></Col>
+          <Col sm={2} md={2} style={{padding:"0px", alignSelf:"center"}}>< Link to ="/usuario">Busca</Link></Col>
           <Col sm={4} md={3}style={{paddingTop:"10px"}} justify="Right">
             <BT name="Entrar"/>
             <BT name="Cadastre-se"/>

src/Components/Sobre.js

-import React, {Component} from 'react';
-import {Row, Col, Container} from 'react-grid-system';
-import acessoInfo from '../img/acesso-a-informacao.png';
-const grayFooter={
-  backgroundColor: "#434343",
-  color: "white",
-  textAlign: "center",
-  display: "block",
-  paddingTop: "20px",
-  paddingBottom: "10px"
-};
-class AGPLFooter extends Component{
-  render(){
-    return(
-      <div style={grayFooter}>
-        <Container>
-          <Row justify="around">
-            <Col md={1}>
-              <img src={acessoInfo} height="40" alt="Acesso a informação"/>
-            </Col>
-            <Col md={8}>
-              <p style={{fontSize: "12px", textAlign: "center"}}>
-                As tecnologias da Plataforma Integrada possuem as licenças MIT(Frontend) e licença GNU/AGPL(Backend).
-              </p>
-            </Col>
-          </Row>
-        </Container>
-        <br/>
-        <Container>
-          <Row>
-            <Col  offset={{ md: 3 }} md={6}>
-              <p style={{fontSize: "9px"}}>
-                Esta versão da platarfoma funciona melhor nas últimas versões dos navegadores Chrome e Firefox.
-                Para uma melhor experiência mantenha seus navegadores atualizados! Versão 1.02
-              </p>
-            </Col>
-          </Row>
-        </Container>
-      </div>
-    )
-  }
-}
-export default AGPLFooter;

src/Pages/CollectionPage.js

+import React, {Component} from 'react';
+
+
+class CollectionPage extends Component {
+    render() {
+      return (
+        <h1> Página visulizar coleção</h1>
+      );
+    }
+  }
+
+export default CollectionPage;

src/Home.js → src/Pages/Home.js

 import React, {Component} from 'react';
-import './App.css';
-import SearchSection from './Components/SearchSection';
-import SubPages from './Components/AreasSubPages';
-import StatsBar from './Components/StatsBar';
-import Funcionalities from './Components/Funcionalities';
+import './Styles/Home.css';
+import SearchSection from '../Components/SearchSection';
+import SubPages from '../Components/AreasSubPages';
+import StatsBar from '../Components/StatsBar';
+import Funcionalities from '../Components/Funcionalities';
 class App extends Component {
   constructor(props){
     super(props);

src/Pages/ProfilePage.js

+import React, {Component} from 'react';
+
+
+class ProfilePage extends Component {
+    render() {
+      return (
+        <h1> Página visulizar prefil de usuário</h1>
+      );
+    }
+  }
+
+export default ProfilePage;

src/Pages/ResourcePage.js

+import React, {Component} from 'react';
+
+
+class ResourcePage extends Component {
+    render() {
+      return (
+        <h1> Página visulizar Recurso</h1>
+      );
+    }
+  }
+
+export default ResourcePage;

src/Pages/Styles/Home.css

+.App {
+  text-align: center;
+}
+
+.carrossel{
+  background-color: red;
+}
+
+li.slide{
+  background: White !important;
+
+}
+
+.MuiSelect-select-6:focus{
+  background-color: white !important;
+}
+
+.MuiPaper-elevation2-85{
+  box-shadow: none !important;
+}
+
+.material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+}

src/Pages/Untitled Document

+import React, {Component} from 'react';
+
+
+class UserPage extends Component {
+    render() {
+      return (
+        <h1> Página visulizar usuário</h1>
+      );
+    }
+  }
+
+export default UserPage;

src/Pages/UserPage.js

+import React, {Component} from 'react';
+
+
+class UserPage extends Component {
+    render() {
+      return (
+        <h1> Página visulizar usuário</h1>
+      );
+    }
+  }
+
+export default UserPage;

src/index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
-import App from './Home';
+import Home from './Pages/Home';
 import MenuBar from './Components/MenuBar';
 import EcFooter from './Components/EcFooter';
 import GNUAGPLfooter from './Components/AGPLFooter';
 import AcessibilityBar from './Components/AcessibilityBar';
-import Sobre from './Components/Sobre';
+import UserPage from './Pages/UserPage';
 import * as serviceWorker from './serviceWorker';
 import {BrowserRouter, Switch, Route} from 'react-router-dom';
 
@@ -16,8 +16,8 @@ ReactDOM.render(
     <MenuBar/>
     <div style={{backgroundImage: "linear-gradient(to right,#ff7f00,#e81f4f,#673ab7,#00bcd4)", height:"5px"}}></div>
       <Switch>
-        <Route path="/" exact={true} component={App}/>
-        <Route path="/sobre" component={Sobre} />
+        <Route path="/" exact={true} component={Home}/>
+        <Route path="/usuario" component={UserPage} />
       </Switch>
       <EcFooter/>
       <GNUAGPLfooter/>