MLSAKIET0821 · Rohan1234509876 · Oct 29, 2024 · Oct 29, 2024 · Oct 29, 2024 · Oct 29, 2024
diff --git a/MLSAKIET_FWdevops_INTERNSHIP/Easy Project/index.html b/MLSAKIET_FWdevops_INTERNSHIP/Easy Project/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Personal Webpage</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+        .container {
+            max-width: 800px;
+            margin: 50px auto;
+            padding: 20px;
+            background-color: white;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            text-align: center;
+        }
+        img {
+            border-radius: 50%;
+            width: 150px;
+            height: 150px;
+            object-fit: cover;
+            margin-top: 10px;
+        }
+        h1 {
+            color: #333;
+        }
+        p {
+            font-size: 18px;
+            color: #666;
+        }
+        .social-links a {
+            margin: 0 10px;
+            text-decoration: none;
+            font-size: 24px;
+            color: #3b5998;
+        }
+        .social-links a:hover {
+            color: #1da1f2;
+        }
+    </style>
+</head>
+<body>
+
+    <div class="container">
+        <img src="save.jpg" alt="Profile Picture">
+        <h1>Your Name</h1>
+        <p>Hello! I'm [Your Name], a passionate [Your Role or Hobby]. I love exploring new technologies, coding, 
+           and connecting with like-minded people. Welcome to my little space on the web!</p>
+
+        <div class="social-links">
+            <a href="https://Github.com/Rohan1234509876" target="_blank" rel="noopener">🌐 Github</a>
+
+            <a href="https://linkedin.com/in/rohan-pandey-57094a274" target="_blank" rel="noopener">🌐 LinkedIn</a>
+        </div>
+    </div>
+
+</body>
+</html>
+
diff --git a/MLSAKIET_FWdevops_INTERNSHIP/Easy Project/save.jpg b/MLSAKIET_FWdevops_INTERNSHIP/Easy Project/save.jpg
diff --git a/MLSAKIET_FWdevops_INTERNSHIP/Intermidiate Project/calculator.html b/MLSAKIET_FWdevops_INTERNSHIP/Intermidiate Project/calculator.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Calculator</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+        }
+
+        .calculator {
+            width: 300px;
+            padding: 20px;
+            background-color: white;
+            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
+            border-radius: 10px;
+        }
+
+        .display {
+            width: 100%;
+            height: 60px;
+            background-color: #e0e0e0;
+            font-size: 24px;
+            text-align: right;
+            padding-right: 10px;
+            line-height: 60px;
+            border-radius: 5px;
+            margin-bottom: 10px;
+        }
+
+        .buttons {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 10px;
+        }
+
+        button {
+            width: 100%;
+            height: 60px;
+            font-size: 18px;
+            border: none;
+            border-radius: 5px;
+            background-color: #2196f3;
+            color: white;
+            cursor: pointer;
+            transition: background-color 0.3s;
+        }
+
+        button:hover {
+            background-color: #1976d2;
+        }
+
+        button.operator {
+            background-color: #ff9800;
+        }
+
+        button.operator:hover {
+            background-color: #e68900;
+        }
+
+        button.clear {
+            background-color: #f44336;
+        }
+
+        button.clear:hover {
+            background-color: #d32f2f;
+        }
+    </style>
+</head>
+<body>
+
+    <div class="calculator">
+        <div class="display" id="display">0</div>
+        <div class="buttons">
+            <button onclick="clearDisplay()" class="clear">C</button>
+            <button onclick="deleteLast()">DEL</button>
+            <button onclick="appendCharacter('%')">%</button>
+            <button onclick="appendCharacter('/')">/</button>
+
+            <button onclick="appendCharacter('7')">7</button>
+            <button onclick="appendCharacter('8')">8</button>
+            <button onclick="appendCharacter('9')">9</button>
+            <button onclick="appendCharacter('*')" class="operator">*</button>
+
+            <button onclick="appendCharacter('4')">4</button>
+            <button onclick="appendCharacter('5')">5</button>
+            <button onclick="appendCharacter('6')">6</button>
+            <button onclick="appendCharacter('-')" class="operator">-</button>
+
+            <button onclick="appendCharacter('1')">1</button>
+            <button onclick="appendCharacter('2')">2</button>
+            <button onclick="appendCharacter('3')">3</button>
+            <button onclick="appendCharacter('+')" class="operator">+</button>
+
+            <button onclick="appendCharacter('0')">0</button>
+            <button onclick="appendCharacter('.')">.</button>
+            <button onclick="calculateResult()" class="operator">=</button>
+        </div>
+    </div>
+
+    <script>
+        const display = document.getElementById('display');
+
+        function clearDisplay() {
+            display.textContent = '0';
+        }
+
+        function deleteLast() {
+            display.textContent = display.textContent.slice(0, -1) || '0';
+        }
+
+        function appendCharacter(char) {
+            if (display.textContent === '0') {
+                display.textContent = char;
+            } else {
+                display.textContent += char;
+            }
+        }
+
+        function calculateResult() {
+            try {
+                display.textContent = eval(display.textContent);
+            } catch {
+                display.textContent = 'Error';
+            }
+        }
+    </script>
+
+</body>
+</html>
diff --git a/MLSAKIET_FWdevops_INTERNSHIP/README.md b/MLSAKIET_FWdevops_INTERNSHIP/README.md
@@ -0,0 +1,129 @@
+# Full-stack Web Development Internship
+
+Welcome to the Git repository for the Full-stack Web Development Internship. This program is designed to equip students with proficiency in  building dynamic, user-friendly interfaces using HTML, CSS, JavaScript, and frameworks like React. It also includes implementing server-side logic with technologies such as Node.js and managing databases with MongoDB. Interns often work on projects like e-commerce sites and online portfolios, ensuring seamless user experiences across various devices through responsive design techniques.
+
+## Table of Contents
+1. [Introduction to Git](#introduction-to-git)
+2. [Objectives](#objectives)
+3. [Rules and Regulations](#rules-and-regulations)
+4. [Phases of the Internship](#phases-of-the-internship)
+   - [40-Hour Learning Modules and Microsoft Badges with Quizzes](#40-hour-learning-modules-and-microsoft-badges-with-quizzes)
+   - [60 Hours of Project Work & Creating Git PR (Pull Request & Repository Work)](#60-hours-of-project-work--creating-git-pr-pull-request--repository-work)
+5. [How to Make a Pull Request (PR)](#how-to-make-a-pull-request-pr)
+6. [Pull Request Requirements](#pull-request-requirements)
+7. [Project List/ Internship Outcome](#project-list/-internship-outcome)
+8. [Contact Information](#contact-information)
+
+## Introduction to Git
+
+Git is a distributed version control system that helps developers collaborate on projects efficiently. It tracks changes in source code during software development, enabling multiple developers to work on a project simultaneously. GitHub is a cloud-based hosting service for Git repositories, providing tools for collaborative development, version control, and project management.
+
+## Objectives
+
+1. To provide students with practical skills in building websites.
+2. To enhance students' problem-solving abilities and technical expertise.
+3. To prepare students for competitive scenarios in the tech industry.
+4. To foster a deep understanding of the latest web development technologies and their applications.
+5. To teach students how to control their repository and work in collaborations using Git/GitHub.
+6. To enable students to make pull requests and manage version control effectively.
+7. To ensure students learn the complete workflow of full-stack web development.
+8. To provide hands-on experience through multiple projects.
+9. To offer a complete understanding of web development processes and their practical applications.
+
+## Rules and Regulations
+
+- **Eligibility:** Open to all first-year and second-year students of KIET Group of Institutions.
+- **Attendance:** Students must attend all scheduled sessions and complete all assigned tasks.
+- **Assignments:** All assignments and projects must be submitted on time.
+- **Ethics:** Students must adhere to the highest standards of academic integrity and professionalism.
+- **Collaboration:** While collaboration is encouraged, all work submitted must be original and completed by the individual.
+
+## Phases of the Internship
+
+### 40-Hour Learning Modules and Microsoft Badges with Quizzes
+
+- Students will complete 40 hours of pre-defined modules from the Microsoft Learn platform.
+- Upon completion, students will earn Microsoft Badges, showcasing their achievements.
+
+### 60 Hours of Project Work & Creating Git PR (Pull Request & Repository Work)
+
+- Students will be assigned projects in their respective domains.
+- Projects are categorized into three levels: Easy, Intermediate, and Difficult.
+- Students can choose to complete either an Easy and an Intermediate project or one Difficult project.
+- This period will also include resolving any doubts and providing support.
+- Students will compile and submit their projects for evaluation.
+
+## How to Make a Pull Request (PR)
+
+Follow these steps to make a pull request to this repository:
+
+1. **Fork the Repository:** Click the 'Fork' button at the top right corner of this repository to create a copy in your GitHub account.
+2. **Clone the Repository:** Clone your forked repository to your local machine using the command:
+   ```bash
+   git clone https://github.com/your-username/repository-name.git
+   ```
+3. **Create a New Branch:** Create a new branch for your work:
+   ```bash
+   git checkout -b your-branch-name
+   ```
+4. **Make Changes:** Add your completed projects, report (PDF file), presentation, and a demo video to the repository.
+5. **Commit Changes:** Commit your changes with a meaningful message:
+   ```bash
+   git add .
+   git commit -m "Added my project, report, presentation, and demo video"
+   ```
+6. **Push Changes:** Push your changes to your forked repository:
+   ```bash
+   git push origin your-branch-name
+   ```
+7. **Create a Pull Request:** Go to the original repository on GitHub and click the 'New Pull Request' button. Choose your branch and submit the pull request with a descriptive message.
+
+If you need help on how to make a PR, please refer to this video:[![How to Make a PR](https://img.youtube.com/vi/8lGpZkjnkt4/0.jpg)](https://www.youtube.com/watch?v=8lGpZkjnkt4)
+
+## Pull Request Requirements
+
+Your pull request should include:
+
+- Your completed projects.
+- Your complete report in PDF file.
+- Your presentation.
+- A video demonstrating your project.
+- Your name, branch, and roll number.
+
+## Project List/ Internship Outcome
+
+Difficulty level: Easy
+1. Create a simple personal webpage
+2. Style a basic webpage
+3. Set up a development environment in VS Code for the Web
+4. Create a JavaScript quiz
+5. Build a to-do list application
+
+Difficulty level: Intermediate 
+1. Create a simple calculator
+2. Develop a weather app
+3. Build a simple React application
+4. Deploy a personal portfolio
+5. Develop a dynamic contact list
+
+Difficulty level: Difficult 
+1. Develop a full-stack web application
+2. Create an e-commerce website
+3. Develop a blog platform
+4. Create an accessible web application
+5. Develop a task management application
+
+## Contact Information
+
+For any queries, feel free to contact:
+
+- **Anshika Jain - Event Manager**
+  - Phone: +91 7905360538
+- **Tanya Sharma - Web Tech Lead**
+  - Phone: +91 8192822708
+
+We hope you have a great learning experience and achieve significant milestones during this internship. Happy coding!
+```
+
+This update includes the requirement to upload a demo video of the project and a link to a YouTube video that explains how to make a pull request.
+
diff --git a/MLSAKIET_FWdevops_INTERNSHIP/assets/WhatsApp Video 2024-10-29 at 23.23.16_dd86f469.mp4 b/MLSAKIET_FWdevops_INTERNSHIP/assets/WhatsApp Video 2024-10-29 at 23.23.16_dd86f469.mp4
diff --git a/MLSAKIET_FWdevops_INTERNSHIP/assets/rohan.pdf b/MLSAKIET_FWdevops_INTERNSHIP/assets/rohan.pdf