login page using next.js

README.md

@@ -1,5 +1,29 @@
 # Dev Test
 
+## Installation
+
+To run this project locally, follow these steps:
+1. Navigate to the project directory:
+cd login-page
+
+2. Install dependencies using npm:
+npm install
+
+## Usage
+To start the application, run the following command:
+npm start
+This command will start the application and make it accessible at http://localhost:3000.
+
+## Docker
+Additionally, you can choose to run the application using Docker. Make sure you have Docker installed and running on your system.
+
+1. Build the Docker image:
+docker build -t login-page .
+
+2. Run the Docker container:
+docker run -d -p 3000:3000 login-page
+The application will be accessible at http://localhost:3000 when running inside the Docker container.
+
 ## Exercise
 
 Create a basic web application using next.js + React to display a login page. The login page should include fields for email and password. The page doesn't need to have actual functionality, but it should have the following feature:
@@ -9,13 +33,3 @@ Create a basic web application using next.js + React to display a login page. Th
 You have the freedom to choose any component library you prefer.
 
 Additionally, please include a Dockerfile that enables us to run the next application easily by running the Docker container.
-
-# Other notes
-
-While we are not monitoring the time, the exercise should take you less than an hour to complete. Consider things like code quality, proper git usage (such a granular commits, meaningful commit messages etc.), ease of use etc.
-
-## How to submit
-
-1. Fork this repository to a public one on your account.
-2. Complete the exercise.
-3. When you're done, submit your fork as a pull request back to this repository.

login-page/.gitignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

login-page/Dockerfile

@@ -0,0 +1,16 @@
+FROM node:alpine
+
+WORKDIR /app
+
+COPY package*.json ./
+
+
+RUN npm install
+
+COPY . .
+
+RUN npm run build
+
+EXPOSE 3000
+
+CMD ["npm", "start"]

login-page/README.md

@@ -0,0 +1,35 @@
+# Dev Test
+
+## Installation
+
+To run this project locally, follow these steps:
+1. Navigate to the project directory:
+cd login-page
+
+2. Install dependencies using npm:
+npm install
+
+## Usage
+To start the application, run the following command:
+npm start
+This command will start the application and make it accessible at http://localhost:3000.
+
+## Docker
+Additionally, you can choose to run the application using Docker. Make sure you have Docker installed and running on your system.
+
+1. Build the Docker image:
+docker build -t login-page .
+
+2. Run the Docker container:
+docker run -d -p 3000:3000 login-page
+The application will be accessible at http://localhost:3000 when running inside the Docker container.
+
+## Exercise
+
+Create a basic web application using next.js + React to display a login page. The login page should include fields for email and password. The page doesn't need to have actual functionality, but it should have the following feature:
+
+- When the user enters a value that is not a valid email address in the email field, the box should have a red border and display a notification informing the user that the entered value is not a valid email.
+
+You have the freedom to choose any component library you prefer.
+
+Additionally, please include a Dockerfile that enables us to run the next application easily by running the Docker container.

login-page/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig