Docker

DockerFIle

@@ -0,0 +1,23 @@
+# - Comment, ignored by docker
+# - Docker Directives/instructions will be in UPPER CASE
+# FROM -> used for specifying base image
+FROM node:22-alpine AS build
+
+# RUN -> run commands
+RUN mkdir /lms-app
+
+# WORKDIR ->  set project path
+WORKDIR /lms-app
+
+# COPY -> used for copying files from HOST to YOUR CUSTOM IMAGE
+COPY . /lms-app
+
+# Prepare Build
+RUN npm install
+RUN npm run build
+
+# Prepare Deployment
+FROM nginx:alpine
+
+# Copy Build Artifacts
+COPY --from=build /lms-app/build /usr/share/nginx/html

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lms-react",
-  "version": "1.1",
+  "version": "2.1",
   "private": true,
   "dependencies": {
     "@testing-library/dom": "^10.4.0",

src/components/FrontPage.js

@@ -20,7 +20,7 @@ const FrontPage = () => {
   return (
     <div className="login-page">
       <div className="login-left">
-        <h1 className="brand-name">Edify</h1>
+        <h1 className="brand-name">Edu Learn</h1>
         <div className="login-card">
           <form className="login-form" onSubmit={handleLogin}>
             <label>Username</label>