basic components and schema added

.gitignore

@@ -1,4 +1,5 @@
 backend/node_modules
+backend/credentials.js
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies

backend/schemas/game-room.js

@@ -0,0 +1,13 @@
+var mongoose = require('mongoose');
+
+var Schema = mongoose.Schema;
+
+var GameRoomSchema = new Schema({
+    id: Number,
+    createDate: Date,
+    started: Boolean,
+    players: Array,
+    positions: Map
+});
+
+var GameRoomModel = mongoose.model('GameRoomModel', GameRoomSchema );

backend/server.js

@@ -1,7 +1,18 @@
 const express = require("express");
-const mangoose = require("mangoose");
 const app = express();
 const PORT = 3000|| process.env.PORT;
+const mongoose = require("mongoose");
+const CONNECTION_URI = require("./credentials.js").MONGODB_URL;
+
+mongoose.connect(CONNECTION_URI, {
+    useNewUrlParser: true,
+    useUnifiedTopology: true
+  })
+  .then(() => {
+    console.log('MongoDB Connected…');
+  })
+.catch(err => console.error(err));
+
 app.listen(PORT, ()=>{
     console.log("Server runs on port "+PORT);
 });

src/App.js

@@ -1,9 +1,10 @@
 import './App.css';
+import NameInput from './components/NameInput';
 
 function App() {
   return (
     <div>
-      Hello World!
+      <NameInput></NameInput>
     </div>
   );
 }

src/components/GameBoard.jsx

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const GameBoard = () => {
+
+}
+export default GameBoard

src/components/NameInput.jsx

@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+const NameInput = ()=>{
+    const [inputValue, setInputValue] = useState('');
+    const handleInputChange = (e) => {
+        setInputValue(e.target.value);
+    }
+    const handleButtonClick = () => {
+        const request = {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ name: inputValue })
+        };
+        fetch('localhost:3000/adduser', request)
+        .then(response => {
+            if(response.status == 200){
+                //redirect
+            }else{
+                //error
+            }
+        });
+    }
+    return(
+        <div>
+            <input placeholder = "Podaj swoje imię" type="text" onChange={handleInputChange}/>
+            <input type="submit" onClick={handleButtonClick}/>
+        </div>
+    )
+}
+
+export default NameInput;

src/components/Navbar.jsx

@@ -0,0 +1,15 @@
+import React, { useEffect } from 'react';
+
+const Navbar = () => {
+    const [names, setNames] = useState([]);
+    useEffect(
+        //fetching names, time and other data
+    );
+    return(
+        <div>
+            {names.map((name)=>{
+                <h1>{name}</h1>
+            })}
+        </div>
+    );
+}