Add Docker containers to generate a local ionic server

Author: shelvinbatista-apps

.dockerignore

@@ -0,0 +1,11 @@
+.git
+.gitignore
+Dockerfile
+.dockerignore
+node_modules
+platforms
+resources
+plugins
+docs
+Aplicaciones
+www

Dockerfile

@@ -0,0 +1,20 @@
+# Use a Node.js base image
+FROM node:22-alpine
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Copy all files
+COPY . .
+
+# Install ionic dependence
+RUN npm install -g @ionic/cli
+
+# Install dependencies
+RUN npm install
+
+# Expose the port Ionic serves on (default is 8100)
+EXPOSE 8100
+
+# Command to run when the container starts
+CMD ["ionic", "serve", "--host", "0.0.0.0", "--port", "8100"]

README.md

@@ -12,6 +12,7 @@ Frontend project that allows you to manage simple tasks by storing information i
 |Android Studio          |`21.0.4`|
 |Java JDK          |`20`|
 |Gradle          |`9.0.0`|
+|Docker          ||
 
 ## Important note 
 
@@ -25,7 +26,7 @@ To run the frontend project, follow these steps:
 
 - After cloning the repository, install the node dependencies using the command `npm install` inside the `ionic-sqlite-tasks` project folder. If an error occurs, add the --force option.
 
-- Run the command `ng serve` to start the server. By default, the url `http://localhost:8100` is used.
+- Run the command `ionic serve` to start the server. By default, the url `http://localhost:8100` is used.
 
 - In the browser, you can emulate how it would look on a mobile phone, but in this case, the database would not work, as it is a native dependency. That is why local storage is used in this test to perform tests from a PC.
 
@@ -47,4 +48,20 @@ Verify that the mobile phone connected via USB is recognized as a device by runn
 
 - If there is only one device connected in the list above, you can run the command `ionic cordova run android --device`. But if there is more than one device connected, run the command `ionic cordova run android --target=<device_id>`. <device_id> is the ID generated in the list in the previous point. If an error occurs, use the **--verbose** option at the end of the command to display detailed information about the execution, the error, and its cause.
 
-- When you run the above command, the application will be compiled and installed on your mobile phone, eliminating the need to compile the project, find the apk file, and transfer it to your mobile phone to install the application. When you install the application for the first time, you will be asked to authorize the installation of the application on your mobile phone. You must select the OK button each time it is displayed for installation.
+- When you run the above command, the application will be compiled and installed on your mobile phone, eliminating the need to compile the project, find the apk file, and transfer it to your mobile phone to install the application. When you install the application for the first time, you will be asked to authorize the installation of the application on your mobile phone. You must select the OK button each time it is displayed for installation.
+
+## Docker Instructions
+
+To run the frontend project in a Docker container, follow these steps:
+
+- Clone the project, either with the command git clone `https://github.com/dev-shelvin-batista/ionic-sqlite-tasks.git` or using a GitHub graphical tool.
+
+- Access the folder in a command terminal using the cd command.
+
+- The project already has a Dockerfile that generates the image to create the container. Just create the image with the `docker build -t ionic-sqlite-tasks .` command.
+
+- Create the container from the image created by running the `docker run --rm -p 8100:8100 ionic-sqlite-tasks` command.
+
+- After running the above command, the container will be active and you will be able to access the frontend project from the host with the URL `http://localhost:8100/`.
+
+- You can change the port to be used on the host by modifying the port in the **docker run** command in the **-p** option.