Fix/repo to develop (#24)

* Update README.md

* Initial errors from repository fixed

* Update README.md

* Update README.md

* Update issue templates

* Repo fixed

* Updated readme

---------

Co-authored-by: Pablo Periañez <72883992+pabpercab1@users.noreply.github.com>

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

README.md

@@ -18,28 +18,22 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo
    ```
    git checkout -b new-branch-name develop
    ```
-6. Move to folder nextong-frontend:
-   ```
-   cd nextong-frontend
-   ```
-7. Install dependencies:
+6. Install dependencies **Important: install material-ui the last one**:
    ```
    npm install react-scripts
    npm install axios
+   npm install react-router-dom
+   npm install @material-ui/core --legacy-peer-deps
    ```
-8. Move back to main folder:
+7. Now, you can run the project with:
    ```
-   npm install @material-ui/core
+   npm start
    ```
-9. Move to folder nextong-frontend again:
-    ```
-    cd nextong-frontend
-    ```
-10. Now, you can run the project with:
-    ```
-    npm start
-    ```
 
+**IMPORTANT: If you need to install any other dependency in the future you need to uninstall the material design. To do so:**
+```
+npm uninstall @material-ui/core
+```
 
 ## Available Scripts
 

package.json

@@ -1,9 +1,41 @@
 {
+  "name": "nexong_frontend",
+  "version": "0.1.0",
+  "private": true,
   "dependencies": {
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
-    "@fontsource/roboto": "^5.0.8",
-    "@mui/icons-material": "^5.15.10",
-    "@mui/material": "^5.15.10"
+    "@material-ui/core": "^4.12.4",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "axios": "^1.6.7",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.22.1",
+    "react-scripts": "^5.0.1",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }

nextong-frontend/src/styles/App.css → src/styles/App.css

@@ -35,4 +35,4 @@
   to {
     transform: rotate(360deg);
   }
-}
+}

nextong-frontend/src/styles/index.css → src/styles/index.css

@@ -10,4 +10,4 @@ body {
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
-}
+}

nextong-frontend/src/styles/styles.css → src/styles/styles.css

@@ -1,5 +1,5 @@
 
 .App {
     text-align: center;
   }
 
@@ -10,7 +10,7 @@
     top: 0;
     z-index: 2;
     border-radius: 5px;
     box-shadow: 0px 4px 4px #00000040, inset 0px 4px 4px #00000040;
     display: flex;
     flex-direction: row;
     align-items: flex-end;
@@ -24,7 +24,7 @@
     float: left;
     display: block;
     color: #000;
     font-family: "Poppins", Helvetica;
     font-size: 20px;
     text-align: center;
     padding: 14px 16px;
@@ -58,15 +58,15 @@
     padding: 0;
   }
 ul li {display: inline-block;}
 ul li:hover {background: #b7ecff;cursor: pointer;}
 ul li:hover ul {display: block;}
 ul li ul {
     position: fixed;
     padding-top: 5%;
     width: fit-content;
     display: none;
   }
 ul li ul li { 
     background: #edecf7; 
     display: block; 
 }
@@ -83,7 +83,7 @@
     text-align: center;
     font-size: 20px;
     font-weight: 500;
     padding: 3% 10% 3% 10%;
     height: fit-content;
     font-family: "Poppins", Helvetica;
     border: 2px solid #b7ecff;
@@ -92,7 +92,7 @@
 .button:hover {
     cursor: pointer;
     background-color: #b7ecff;
     box-shadow: 0 6px 10px 0 rgba(124, 124, 124, 0.24), 0 7px 25px 0 rgba(124, 124, 124, 0.24);
 }
 
 .title-text {
@@ -136,7 +136,7 @@
 }
 
 
 input[type=text]{
     width: 100%;
     height: 10%;
     padding: 12px 20px;
@@ -202,7 +202,7 @@
 
 .menu a {
     align-self: center;
     color: #000000;
     font-family: "Open Sans", Helvetica;
     font-size: 20px;
     font-weight: 600;
@@ -220,5 +220,5 @@
     background: #cdf0fe;
     color: black;
 
     width: 100%;
-}
+}

nextong-frontend/src/tests/App.test.js → src/tests/App.test.js

@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react';
-import App from './App';
+import App from '../screens/App';
 
 test('renders learn react link', () => {
   render(<App />);