This commit is contained in:
Wilson M. Hounsinou 2025-04-14 04:42:13 +00:00 committed by GitHub
commit bdc1979e39
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 27 additions and 4 deletions

View File

@ -1,2 +0,0 @@
node_modules
app/Dockerfile

0
app/.dockerignore Normal file
View File

25
app/docker-compose.yml Normal file
View File

@ -0,0 +1,25 @@
services:
app:
image: node:18-alpine
command: sh -c "yarn install && yarn run dev"
ports:
- 3000:3000
working_dir: /app
volumes:
- ./:/app
environment:
MYSQL_HOST: mysql
MYSQL_USER: root
MYSQL_PASSWORD: secret
MYSQL_DB: todos
mysql:
image: mysql:8.0
volumes:
- todo-mysql-data:/var/lib/mysql
environment:
MYSQL_ROOT_PASSWORD: secret
MYSQL_DATABASE: todos
volumes:
todo-mysql-data:

View File

@ -8,7 +8,7 @@
<link rel="stylesheet" href="css/font-awesome/all.min.css" crossorigin="anonymous" /> <link rel="stylesheet" href="css/font-awesome/all.min.css" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/styles.css" /> <link rel="stylesheet" href="css/styles.css" />
<title>Todo App</title> <title>The Awesome Todo App</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

View File

@ -106,7 +106,7 @@ function AddItemForm({ onNewItem }) {
disabled={!newItem.length} disabled={!newItem.length}
className={submitting ? 'disabled' : ''} className={submitting ? 'disabled' : ''}
> >
{submitting ? 'Adding...' : 'Add Item'} {submitting ? 'Adding...' : 'Add'}
</Button> </Button>
</InputGroup.Append> </InputGroup.Append>
</InputGroup> </InputGroup>