feat: add react project and files

Throyer · Throyer · commit 5dabf988e7f1 · 2022-09-13T11:02:32.000-03:00
diff --git a/.docker/docker-compose.dev.yml b/.docker/docker-compose.dev.yml
@@ -5,7 +5,14 @@ services:
     image: postgres:13
     restart: unless-stopped
     container_name: example-api-database
-    command: ["postgres", "-c", "log_statement=all", "-c", "log_destination=stderr"]
+    command:
+      [
+        "postgres",
+        "-c",
+        "log_statement=all",
+        "-c",
+        "log_destination=stderr"
+      ]
     ports:
       - "5432:5432"
     environment:
@@ -17,7 +24,7 @@ services:
     volumes:
       - ./.volumes/database:/var/lib/postgresql/data
     networks:
-      - example-api
+      - simple-network
     tty: true
 
   api:
@@ -38,12 +45,12 @@ services:
       - ./.volumes/maven:/root/.m2
     working_dir: /app
     networks:
-      - example-api
+      - simple-network
     tty: true
     entrypoint: "mvn spring-boot:run"
 
   web:
-    build: 
+    build:
       context: ../web
       dockerfile: ../web/docker/Dockerfile.dev
     image: node:16.14.2
@@ -55,10 +62,10 @@ services:
       - ../web:/app
     working_dir: /app
     networks:
-      - example-api
+      - simple-network
     tty: true
     entrypoint: "npm run dev"
 
 networks:
-  example-api:
-    driver: bridge
+  simple-network:
+    driver: bridge
diff --git a/.tool-versions b/.tool-versions
@@ -1,2 +1,3 @@
 java openjdk-17.0.1
 maven 3.8.4
+nodejs 16.17.0
diff --git a/web/docker/Dockerfile.dev b/web/docker/Dockerfile.dev
@@ -1,11 +1,9 @@
 FROM node:16.14.2
 
-WORKDIR /app
-
 EXPOSE 3000
 
-COPY . .
+WORKDIR /app
 
-RUN npm install
+COPY . .
 
-ENTRYPOINT [ "npm", "run", "dev" ]
+RUN npm install
diff --git a/web/index.html b/web/index.html
@@ -2,10 +2,15 @@
 <html lang="en">
   <head>    
     <meta charset="UTF-8" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400&display=swap" rel="stylesheet">
     
-    <title>Spring CRUD</title>
+    <title>Spring Boot - CRUD</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -1,10 +1,10 @@
 {
-  "name": "crud-example",
+  "name": "springboot-example",
   "private": true,
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host 0.0.0.0",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },
diff --git a/web/src/App.tsx b/web/src/App.tsx
@@ -1,5 +1,7 @@
-export const App = () => (
-  <div className="App">
-    <h1>Hello filho da puta!</h1>
-  </div>
-)
+export const App = () => {
+  return (
+    <h1 style={{ textAlign: 'center', marginTop: '20pt' }}>
+      Spring Boot API + React App
+    </h1>
+  )
+}
diff --git a/web/src/assets/react.svg b/web/src/assets/react.svg
diff --git a/web/src/main.tsx b/web/src/main.tsx
@@ -1,10 +1,13 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
+import { StrictMode } from 'react';
+import { render } from 'react-dom';
 
-import { App } from './App';
+import { App } from './App'
 
-createRoot(document.getElementById('root') as HTMLElement).render(
+import './styles/index.css'
+
+render(
   <StrictMode>
     <App />
-  </StrictMode>
-)
+  </StrictMode>,
+  document.getElementById('root')
+);
diff --git a/web/src/styles/index.css b/web/src/styles/index.css
@@ -1 +1,33 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  outline: 0;
+}
 
+body {
+  background: #312E38;
+  color: #FFF;
+  -webkit-font-smoothing: antialiased;
+}
+
+body,
+input,
+button {
+  font-family: 'Poppins', serif;
+  font-size: 16px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
+  font-weight: 500;
+}
+
+button {
+  cursor: pointer;
+}
diff --git a/web/vite.config.ts b/web/vite.config.ts
@@ -6,6 +6,5 @@ export default defineConfig({
   plugins: [react()],
   server: {
     port: 3000,
-    host: '0.0.0.0',
   },
 })

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
`1`	`1`	`java openjdk-17.0.1`
`2`	`2`	`maven 3.8.4`
	`3`	`+nodejs 16.17.0`