bbachi

{
  "name": "react-nodejs-example",
  "version": "1.0.0",
  "description": "example project react with nodejs",
  "main": "server.js",
  "scripts": {
    "start": "node server.js",
    "dev": "nodemon ./server.js localhost 3080"
  },
  "repository": {

bbachi

const express = require('express');
const path = require('path');
const app = express(),
      bodyParser = require("body-parser");
      port = 8080;

// place holder for the data
const users = [
  {
    firstName: "first1",

bbachi

{
  "name": "api",
  "version": "1.0.0",
  "description": "example project react with nodejs",
  "main": "server.js",
  "scripts": {
    "start": "node server.js",
    "build": "webpack",
    "dev": "nodemon ./server.js localhost 3080"
  },

bbachi

const express = require('express');
const randomId = require('random-id');
const app = express(),
      bodyParser = require("body-parser");
      port = 8080;

// place holder for the data
const users = [
  {
    id: "1",

bbachi

{
  "name": "angular-nodejs-example",
  "version": "1.0.0",
  "description": "node server",
  "main": "index.js",
  "scripts": {
    "start": "node server.js",
    "build": "webpack",
    "dev": "nodemon ./server.js localhost 3080",
    "test": "echo \"Error: no test specified\" && exit 1"

bbachi

const express = require('express');
var bodyParser  = require('body-parser');
const app = express(),
      port = 8080;

const users = [];

app.use(bodyParser.urlencoded());
app.use(bodyParser.json());
app.use(express.static(process.cwd()+"/my-app/dist/angular-nodejs-example/"));

bbachi

import './App.css';
import DrawingArea from './DrawingArea';

function App() {
  return (
    <>
      <h1> Drawing Area</h1>
      <div className="App drawing-area">
          <DrawingArea />
      </div>

bbachi

import { Stage, Layer, Line } from 'react-konva';
import { useState, useRef } from 'react';

const DrawingArea = () => {

    const [lines, setLines] = useState<any>([]);
    const isDrawing = useRef(false);
    
    const handleMouseDown = (e:any) => {
        isDrawing.current = true;

bbachi

import './App.css';

function App() {
  return (
    <>
      <h1> Drawing Area</h1>
      <div className="App drawing-area">
          
      </div>
    </>

bbachi

import './App.css';
import DrawingArea from './DrawingArea';

function App() {
  return (
    <>
      <h1> Drawing Area</h1>
      <div className="App drawing-area">
          
          <DrawingArea />