stepancar-web-programming · nekruz03 · Jan 10, 2024 · Jan 10, 2024 · Jan 12, 2024 · Jan 13, 2024
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,33 @@
+module.exports = {
+  'env': {
+    'browser': true,
+    'es2021': true,
+    'node': true
+  },
+  'overrides': [
+    {
+      'env': {
+        'node': true
+      },
+      'files': [
+        '.eslintrc.{js,cjs}'
+      ],
+      'parserOptions': {
+        'sourceType': 'script'
+      }
+    }
+  ],
+  'parserOptions': {
+    'ecmaVersion': 'latest',
+    'sourceType': 'module'
+  },
+  'rules': {
+    'indent': [ 'error', 2 ],
+    'quotes': [ 'error', 'single' ],
+    'semi': [ 'error', 'always' ],
+    'comma-spacing': [ 'error', { 'before': false, 'after': true } ], 
+    'object-curly-spacing': [ 'error', 'always' ], 
+    'array-bracket-spacing': [ 'error', 'always' ], 
+  }
+};
+
diff --git a/.github/.gitignore b/.github/.gitignore
@@ -0,0 +1,3 @@
+
+node_modules/
+package-lock.json
diff --git a/.github/eslint.yml b/.github/eslint.yml
@@ -0,0 +1,25 @@
+name: ESLint
+
+on:
+  push:
+    branches:
+        - dev
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '14'
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Run ESLint
+      run: npx eslint .
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
@@ -0,0 +1,25 @@
+name: Lint
+
+on:
+  push:
+    branches:
+      - dev
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20.6'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run ESLint, HTMLHint, and Prettier
+        run: npm run lint
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,18 @@
+{
+    "semi": false,
+    "singleQuote": true,
+    "printWidth": 120,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "endOfLine": "auto",
+    "overrides": [
+      {
+        "files": "*.css",
+        "options": {
+          "parser": "css",
+          "singleQuote": false
+        }
+      }
+    ]
+  }
+
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+https://stepancar-web-programming.github.io/3-Web/
diff --git a/app.js b/app.js
@@ -0,0 +1,14 @@
+console.log('Привет, мир!');
+function loadPageContent(content) {
+  document.getElementById('content').innerHTML = content;
+  console.log('done');
+}
+page('/', function () {
+  loadPageContent('<h2>Education</h2><p>ITMO University</p><p>Bachelors in Computer Science</p>');
+});
+
+page('/projects', function () {
+  loadPageContent('<h2>Projects</h2><div class="project"><p>Coordinate Plane Analysis Web App | Java, Servlets, JSP, JavaScript</p><p>St. Petersburg, Russia</p><p>Sep. 2021 – Present</p><ul><li>Implemented an MVC architecture for point analysis on a coordinate plane using Java Servlets and JavaServer Pages (JSP)</li><li>Developed a dynamic JSP page with a user-friendly web form and real-time results visualization</li><li>Integrated JavaScript for client-side validation and interactive features</li><li>Deployed the application on WildFly, ensuring optimal configuration</li><li>Enabled dynamic updates to the coordinate plane image based on user input</li><li>Utilized HttpSession for tracking and displaying previous analysis results</li></ul></div>');
+});
+
+page();
diff --git a/img/itmo2.jpeg b/img/itmo2.jpeg
diff --git a/img/person.png b/img/person.png
diff --git a/img/v_project.mp4 b/img/v_project.mp4
diff --git a/index.html b/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nazirjonov Nekruz - About Me</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+
+    <header>
+        <h1>Nazirjonov Nekruz</h1>
+    </header>
+
+    <nav>
+        <ul>
+            <li><a href="index.html">About Me</a></li>
+            <li><a href="projects.html">Projects</a></li>
+        </ul>
+    </nav>
+
+    <section id="contact-info">
+        <h2>Contact Information</h2>
+        <div class="contact-details">
+            <div class="contact-text">
+                <p>Phone: <a href="tel:+79112878203">+7 911 287 82 03</a></p>
+                <p>Telegram: <a href="https://t.me/Nekruznnn">@Nekruznnn</a></p>
+                <p>GitHub: <a href="https://github.com/nekruz03">github.com/nekruz</a></p>
+                <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
+            </div>
+        </div>
+        <div class="developer-info">
+            <img src="img/person.png" alt="Nazirjonov Nekruz" id="profile-image">
+            <p>Java Developer</p>
+        </div>
+    </section>
+
+    <section id="education">
+        <h2>Education</h2>
+        <p>ITMO University - Bachelors in Computer Science</p>
+    </section>
+
+    <section id="skills">
+        <h2>Technical Skills</h2>
+        <p>Languages: Java, C/C++, PHP, HTML, CSS, JavaScript, SQL</p>
+        <p>Developer Tools: IntelliJ-based IDEs, Geany, Sublime Text, Code::Blocks</p>
+        <p>Operating Systems: Windows, Ubuntu, Mac OS</p>
+    </section>
+
+    <footer>
+        <p>&copy; <span id="current-year"></span> Nazirjonov Nekruz</p>
+        <section id="current-date-time"></section>
+        <button id="night-mode-toggle" onclick="toggleNightMode()">🌙 Toggle Night Mode</button>
+    </footer>
+    <script src="main.js"></script>
+</body>
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1,32 @@
+document.addEventListener('DOMContentLoaded', () => {
+  let nightMode = localStorage.getItem('nightMode') === 'true'; 
+
+  applyNightMode(nightMode);
+
+  document.getElementById('night-mode-toggle').addEventListener('click', () => {
+    nightMode = !nightMode; 
+    applyNightMode(nightMode);
+    localStorage.setItem('nightMode', nightMode);
+  });
+
+  const currentYearElement = document.getElementById('current-year');
+  const currentYear = new Date().getFullYear();
+  currentYearElement.textContent = currentYear;
+
+  displayCurrentDateTime();
+  setInterval(displayCurrentDateTime, 1000);
+});
+
+function applyNightMode(nightMode) {
+  document.body.classList.toggle('night-mode', nightMode);
+  document.getElementsByTagName('footer')[0].classList.toggle('night-mode-footer', nightMode);
+}
+
+function displayCurrentDateTime() {
+  const dateTimeContainer = document.getElementById('current-date-time');
+  const now = new Date();
+  const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', timeZoneName: 'short' };
+  const formattedDateTime = now.toLocaleDateString('en-US', options);
+
+  dateTimeContainer.innerHTML = `<p>${formattedDateTime}</p>`;
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,18 @@
+{
+  "type": "commonjs",
+  "engines": {
+    "node": ">=20.6.0"
+  },
+  "scripts": {
+    "lint": "eslint . && htmlhint **/*.html && prettier --write '**/*.css'"
+  },
+  "devDependencies": {
+    "eslint": "^8.56.0",
+    "htmlhint": "^1.1.4",
+    "prettier": "^3.2.4",
+    "stylelint": "^16.1.0",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-config-standard-scss": "^13.0.0",
+    "stylelint-order": "^6.0.4"
+  }
+}
diff --git a/projects.html b/projects.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nazirjonov Nekruz - Projects</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <header>
+        <h1>My Projects</h1>
+    </header>
+
+    <nav>
+        <ul>
+            <li><a href="index.html">About Me</a></li>
+            <li><a href="projects.html">Projects</a></li>
+        </ul>
+    </nav>
+
+    <section id="project-details">
+        <h2>Coordinate Plane Analysis Web App</h2>
+        <div class="time">
+            <p>September 2022 – November 2022</p>
+            <video controls width="400" height="200">
+                <source src="img/v_project.mp4" type="video/mp4">
+                Your browser does not support the video tag.
+            </video>
+
+        </div>
+        <p id="first">Java, Servlets, JSP, JavaScript</p>
+        <h3>Project Description</h3>        
+        <p>Implemented an MVC architecture for point analysis on a coordinate plane using Java Servlets and JavaServer Pages (JSP).</p>
+        <ul>
+            <li>Developed a dynamic JSP page with a user-friendly web form and real-time results visualization.</li>
+            <li>Integrated JavaScript for client-side validation and interactive features.</li>
+            <li>Deployed the application on WildFly, ensuring optimal configuration.</li>
+            <li>Enabled dynamic updates to the coordinate plane image based on user input.</li>
+            <li>Utilized HttpSession for tracking and displaying previous analysis results.</li>
+        </ul>
+
+        <h3>Database Developmen</h3>        
+        <p>Multi-tier Architecture: Designed high-performance information systems, optimizing functionality.</p>
+        <ul>
+            <li>Database Fundamentals: Explored and leveraged databases’ pivotal role in contemporary applications</li>
+            <li> SQL Mastery: Developed advanced skills for precise and effective data manipulation</li>
+            <li>Data Modeling: Engineered streamlined infological and datalogical models for efficient database design</li>
+            <li>DDL Implementation: Executed precise scripts for creating and maintaining database objects.</li>
+            <li>Scripting Expertise: Developed efficient scripts for creating, deleting, and managing database objects</li>
+        </ul>
+
+
+        <h3>Skills Used  </h3>
+        <p> Java, Servlets, JSP, JavaScript, PostgreSQL, SQL </p>
+    </section>
+
+    <footer>
+        <p>&copy; 2024 Nazirjonov Nekruz</p>
+     <p> <section id="visit-info"></section></p>  
+     <section id="current-date-time"></section>
+     <button id="night-mode-toggle" onclick="toggleNightMode()">🌙 Toggle Night Mode</button>
+    </footer>
+    <script src="main.js"></script>
+</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		https://stepancar-web-programming.github.io/3-Web/