SaeeAM

Indian Collage Student Startup Company. Indian Business/Startup provide service and problem solving product

With SaeeAM Team And Doing Projects.

How May I Help You

Latest Blog Posts

7-Day Podcast project With SaeeAM

7-Day Podcast project With SaeeAM



Html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Podcast</title>

Style sheet link here
  <link href="style.css" rel="stylesheet" type="text/css" />

Bootstrap Link Here

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
</head>

<body>
  <div class="container">
    <nav class="navbar navbar-light bg-light justify-content-between">
      <a class="navbar-brand px-4">SaeeAM Podcast</a>
      <!-- <a class="navbar-brand" href="https://google.com">Add Podcast</a> -->
      <button type="button" class="navbar-brand btn btn-primary" data-toggle="modal" data-target="#addpodcast">
        Add Podcast
      </button>

    </nav>
  </div>
  <div class="px-4 py-5 my-5 text-center">
    <img class="d-block mx-auto mb-4"
      src="https://static.vecteezy.com/system/resources/thumbnails/002/157/610/small/illustrations-concept-design-podcast-channel-free-vector.jpg"
      alt="" width="72" height="57">
    <h1 class="display-5 fw-bold">SaeeAM Podcast</h1>
    <div class="col-lg-6 mx-auto">
      <p class="lead mb-4">SaeeAM Podcast</p>
      <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addpodcast">
          Add Podcast
        </button>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#joinus">
          Join Us
        </button>
      </div>
    </div>
  </div>
  <hr>

  <div class="container">

    <h1 class="display-5 fw-bold text-center">Live Podcasts</h1>
    <div id="datafetch" class="s-vertical overflow-auto row">


      <!-- <div class="col-12 col-sm-8 col-md-6 col-lg-4">
        
      </div> -->

    </div>
  </div>


  <!-- start model  -->

  <!-- Button trigger modal -->
  <!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#joinus">
    Joinus
  </button> -->

  <!-- Modal -->
  <div class="modal fade" id="joinus" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Join Us Podcast</h5>
          <button type="button" class="close btn btn-primary" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

          <div class="container">
            <form method="post">
              <div id="form">
                <div class="form-group">
                  <label for="pwd">Name</label>
                  <input type="text" name="name" class="form-control" id="name" required>
                </div>
                <div class="form-group">
                  <label for="email">Mobile</label>
                  <input type="number" name="mobile" class="form-control" id="mobile" required>
                </div>
                <div class="form-group">
                  <label for="email">Email address:</label>
                  <input type="email" name="email" class="form-control" id="email" required>
                </div>

                <div class="form-group">
                  <label for="pwd">Message</label>
                  <textarea type="text" name="msg" class="form-control" id="msg" required> </textarea>

                </div>

                <div class="text-center mt-4">
                  <input type="submit" class="btn btn-outline-success" id="sub" value="Submit" />
                </div>
              </div>
            </form>



          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>
      </div>
    </div>
  </div>
  <!-- end model her  -->


  <!-- start model  -->

  <!-- Button trigger modal -->


  <!-- Modal -->
  <div class="modal fade" id="addpodcast" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Add Podcast</h5>
          <button type="button" class="close btn btn-primary" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="container">
            <form
              action="https://docs.google.com/forms/u/0/d/e/1FAIpQLScIrc4lpP-wZhEx6pcu8YQkoG9oCDJs8CYI_uBqRIpxOwlgyQ/formResponse"
              target="_blanks">
              <div id="form">

                <div class="form-group">
                  <label for="email">Email address:</label>
                  <input type="email" name="entry.1900762092" class="form-control" id="email" required>
                </div>

                <div class="form-group">
                  <label for="pwd">Podcast Title</label>
                  <input type="text" name="entry.438571787" class="form-control" id="name" required>
                </div>
                <div class="form-group">
                  <label for="email">Podcast Description</label>
                  <textarea type="text" name="entry.1911805347" class="form-control" id="mobile" required></textarea>
                </div>

                <div class="form-group">
                  <label for="email">Podcast link</label>
                  <input type="text" name="entry.1169883789" class="form-control" id="mobile" required>
                </div>

                <div class="form-group">
                  <label for="pwd">Message</label>
                  <textarea type="text" name="entry.736699989" class="form-control" id="msg" required> </textarea>

                </div>

                <div class="text-center mt-4">
                  <input type="submit" class="btn btn-outline-success" id="sub" value="Submit" />
                </div>
              </div>
            </form>



          </div>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>
      </div>
    </div>
  </div>



  <div class="b-example-divider"></div>

  <div class="container">
    <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
      <div class="col-md-4 d-flex align-items-center">
        <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
          <svg class="bi" width="30" height="24">
            <use xlink:href="#bootstrap" />
          </svg>
        </a>
        <span class="mb-3 mb-md-0 text-muted">&copy; 2022 SaeeAM Podcast, Inc</span>
      </div>

      <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
        <li class="ms-3"><a class="text-muted" href="#"> </a></li>
        <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24">
              <use xlink:href="#instagram" />
            </svg></a></li>
        <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24">
              <use xlink:href="#facebook" />
            </svg></a></li>
      </ul>
    </footer>
  </div>


  <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>

  <script src="script.js"></script>

  <script src="https://replit.com/public/js/replit-badge-v2.js" theme="dark" position="bottom-right"></script>

  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
    integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>
</body>

</html>

/Bootstrap


  <link href="style.css" rel="stylesheet" type="text/css" />

html {
  height: 100%;
  width: 100%;
}

.s-vertical {
  height: 500px;
  overflow-y: scroll;
}

.d-vertical {
  height: 150px;
  overflow-y: scroll;
}

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

Js(API Request)



let form = document.querySelector("form");
form.addEventListener('submit', (e) => {
  e.preventDefault();
  document.querySelector("#sub").value = "Submiting..";
  let data = new FormData(form);
  fetch('https://script.google.com/macros/s/AKfycbwWMi-U1Ybnj87f23jSrLwDsJ4P_d6xZx-uL4zSpeQYD1lKoYfNtcEahpqFxnNmbVfW/exec', {
    method: "POST",
    body: data

  })
    .then(res => res.text())
    .then(data => {
      alert(data);
      document.querySelector("#sub").value = "Submit"
      form.reset();
    });
});


const api_url =
  "https://script.google.com/macros/s/AKfycbwWMi-U1Ybnj87f23jSrLwDsJ4P_d6xZx-uL4zSpeQYD1lKoYfNtcEahpqFxnNmbVfW/exec";

// Defining async function
async function classapi(url) {

  // Storing response
  const response = await fetch(url);

  // Storing data in form of JSON
  var data = await response.json();

  classdatashow(data);
}

// Defining async function


// Calling that async function
classapi(api_url);


// Function to define innerHTML for HTML table
function classdatashow(data) {
  console.log(data);
  let tab =
    ``;


  // Loop to access all rows
  for (let r of data.content) {
    tab += `
   
                <div class="col-md-4">
          <div class="card mb-4 box-shadow">
            <img class="card-img-top"
              src="${r[4]}" height="150px"
              alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">${r[2]}</h5>
              
    <h6 class="card-subtitle mb-2 text-muted">${r[5]}</h6>
              <p class="card-text d-vertical overflow-auto">${r[3]}</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                 <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#joinus">
          Join Us
        </button>
                  
                </div>
                <small class="text-muted">${r[0].slice(0, 10)}</small>
              </div>
            </div>
          </div>
        </div>
    `;
  }
  // Setting innerHTML as tab variable
  document.querySelector("#datafetch").innerHTML = tab;
};


Replit(Hosting)

https://podcast-project.saeeamstartup.repl.co/

Google App Scripts(Database)

const sheet = SpreadsheetApp.openByUrl("excel sheet link here")
// const sheets = sheet.getSheetByName("form");


function doGet(e){
  let obj = {};
  let data = sheet.getDataRange().getValues();
  obj.content = data;
  return ContentService.createTextOutput(JSON.stringify(obj)).setMimeType(ContentService.MimeType.JSON);
}


const datasave = SpreadsheetApp.openByUrl("sheet link here")
const fillform = datasave.getSheetByName("form");

function doPost(e){
  let data = e.parameter;
  fillform.appendRow([data.name, data.mobile,data.email,data.msg]);
  return ContentService.createTextOutput("Success");
  }



Source Code 

Hosted Website Demo 

News Website Full Stack Development Projects

Php Laravel Project

Php Laravel Project

 

SaeeAM से कम लो Indian college student startup company. We work on education, project, and startups/business.

SaeeAM Startup- SaeeAM के साथ Business Karo

SaeeAM Education - SaeeAM के साथ Sikho

SaeeAM Project - SaeeAM के साथ Project Karo 


SaeeAM Team learn/teach on weekend 5-day and last of the weekend we do a project that related to real business problem solve it and make profitable startup and business. If you want your existing business and startup business make profitable and You want to grow yourself and your existing business and startup Join Us at SaeeAM Startup World and grow your business and yourself.


SaeeAM Indian Collage Student Startup Company



SaeeAM Startup Php Laravel Projects 

                    Content Coming Soon !






SaeeAM Startup Projects #20230204

SaeeAM Startup Projects #20230204

SaeeAM से कम लो Indian college student startup company. We work on education, project, and startups/business.

SaeeAM Startup- SaeeAM के साथ Business Karo

SaeeAM Education - SaeeAM के साथ Sikho

SaeeAM Project - SaeeAM के साथ Project Karo 


SaeeAM Team learn/teach on weekend 5-day and last of the weekend we do a project that related to real business problem solve it and make profitable startup and business. If you want your existing business and startup business make profitable and You want to grow yourself and your existing business and startup Join Us at SaeeAM Startup World and grow your business and yourself.


SaeeAM Indian Collage Student Startup Company



SaeeAM Startup Projects #20230204

Startup Portal Software Developement Project.

In this project we work on every part of project starting to end like idea creation to software deploy. so who join this project who learn every aspect of project.

--> Idea Creation.
--> Design Idea.
--> Design Software Model How It Works.
--> Design Software wireframe.
--> We Work In Front-end Of the System.
--> We Work On the Back-end Of the System.
--> Testing The Whole System And Making Error Free
--> Finally Deploy And Host The Public (Access Anywhere)

Qualification Required
--> Knowledge of software development.
--> Degree in computer science and Certificate in computer programming.
--> Software Development project work on that 

What u get through this project
--> Completion Certificate with mention your role and responsibility. so you mention in your resume.
--> U get a percentage of shareholder in the project as your work contribution.
--> Get Practical Knowledge in software development.
--> Get a Chance To Work With an Indian Collage Student Startup Company Through This Project. 

SaeeAM Classes Website With Database Link and also attendence happen in that website

SaeeAM Classes Website With Database Link and also attendence happen in that website

SaeeAM से कम लो Indian college student startup company. We work on education, project, and startups/business.

SaeeAM Startup- SaeeAM के साथ Business Karo

SaeeAM Education - SaeeAM के साथ Sikho

SaeeAM Project - SaeeAM के साथ Project Karo 


SaeeAM Team learn/teach on weekend 5-day and last of the weekend we do a project that related to real business problem solve it and make profitable startup and business. If you want your existing business and startup business make profitable and You want to grow yourself and your existing business and startup Join Us at SaeeAM Startup World and grow your business and yourself.


SaeeAM Indian Collage Student Startup Company



Python 

Python is a high-level, interpreted programming language that is widely used for web development, data analysis, artificial intelligence, and scientific computing. It was first released in 1991 by Guido van Rossum and has since become one of the most popular programming languages in the world. Python is known for its simplicity and readability, making it a great language for beginners and experienced developers alike. It also has a large and active community, which has contributed to the development of many powerful libraries and frameworks that can be used for a wide variety of tasks.


Streamlit

Streamlit is an open-source Python library that allows you to create interactive web applications for machine learning and data science. It is designed to make it easy for data scientists and machine learning engineers to create beautiful, responsive web apps without having to write a lot of front-end code. With Streamlit, you can create apps that allow users to input parameters, view visualizations, and interact with machine learning models all in one place.

Streamlit is built on top of popular Python web frameworks such as Flask, and it uses the same syntax as writing a script. It also has built-in support for many popular data visualization libraries such as Matplotlib, Plotly, and Bokeh. Streamlit also makes it easy to deploy your app to the web with just a few lines of code, allowing you to share your work with others quickly and easily


Google Sheet

Google Sheets is a web-based spreadsheet application that is part of the Google Docs office suite. It allows users to create and edit spreadsheets online, and it can be accessed from anywhere with an internet connection. Google Sheets is similar to other spreadsheet applications like Microsoft Excel, but it is free and has some unique features such as the ability to collaborate on spreadsheets in real-time with others.

Google Sheets allows you to create, edit, and format spreadsheets and workbooks, as well as create charts and graphs. It also provides a wide range of tools for data analysis such as sorting, filtering, and pivot tables. With the help of the Google Sheets API, you can also use the data in your Google Sheets in other tools, such as your own web or mobile applications.

Google Sheets can be used for a variety of tasks, such as budgeting, tracking expenses, creating invoices, and analyzing data. It can also be used to store and organize large amounts of data, making it a useful tool for businesses, students and individual users.


Google Form
Google Forms is a free online survey and quiz creation tool from Google. It is part of the Google Docs suite of products and is available to anyone with a Google account. With Google Forms, you can create surveys, quizzes, polls, and other types of forms to collect information from people. You can also use it to create quizzes for students or employees. The data collected from the forms can be used for research, analysis, or other purposes.
mail Send

There are several ways to send email using Python. The most commonly used libraries are smtplib and email.

smtplib is a Python library that allows you to send email using the Simple Mail Transfer Protocol (SMTP). It includes a number of functions that allow you to connect to an SMTP server, login, send email, and disconnect. To use smtplib, you will need to know the SMTP server and port of the email provider you are using, as well as your login credentials.

email is a library that is part of the Python standard library. It allows you to create, parse, and manipulate email messages. You can use it to construct an email message and then send it using smtplib.

Here's an example of how to send an email using smtplib and email:

import smtplib 
from email.mime.text import MIMEText email_user = 'your_email@example.com' email_password = 'your_password' email_send = 'receiver_email@example.com' 
 subject = 'subject' 
 msg = MIMEMultipart() 
msg['From'] = email_user 
msg['To'] = email_send 
msg['Subject'] = subject 
body = 'Hi there, sending this email from Python!' msg.attach(MIMEText(body,'plain')) server = smtplib.SMTP('smtp.gmail.com',587) server.starttls() server.login(email_user, email_password) 
text = msg.as_string() server.sendmail(email_user,email_send,text) server.quit()

It is important to mention that some providers like Gmail, need to enable the "less secure apps" option in the security settings to allow the connection from external apps like the one created in Python.

It's also worth noting that you can use external libraries such as yagmail which is an easy-to-use library for sending email using Python, it also has built-in support for Gmail and other providers

GitHub

GitHub is a web-based platform for version control and collaboration that allows developers to host and review code, manage projects, and build software. It is built around the Git version control system, which allows multiple developers to work on the same codebase simultaneously without conflicts.

GitHub provides a wide range of features for developers, including the ability to create and manage repositories, track and resolve issues, and review and merge pull requests. It also has a built-in code editor and a feature called GitHub Pages, which allows developers to host their own websites directly from their repositories.

GitHub also has a strong community aspect, where developers can share their code, collaborate on open-source projects, and discover new tools and libraries. It also has a marketplace for developers to buy and sell services, and a feature called GitHub Actions that allows developers to automate their workflow.

Regarding sending mail, you can use the libraries in Python to send mails, but it is not directly related to GitHub


Cloud Streamlit
loud Streamlit is a cloud-based platform for creating and deploying interactive data applications. It enables data scientists, developers, and analysts to quickly create interactive web applications with minimal coding. Streamlit provides an intuitive interface for creating and deploying data applications in the cloud. It also provides a library of pre-built components that can be used to quickly build complex data applications. Streamlit also offers a range of features such as real-time collaboration, version control, and integration with popular cloud services such as AWS, GCP, and Azure

 

Source Code

Click Here

Dalle Project Open Ai Generated Image

Dalle Project Open Ai Generated Image

SaeeAM से कम लो Indian college student startup company. We work on education, project, and startups/business.

SaeeAM Startup- SaeeAM के साथ Business Karo

SaeeAM Education - SaeeAM के साथ Sikho

SaeeAM Project - SaeeAM के साथ Project Karo 


SaeeAM Team learn/teach on weekend 5-day and last of the weekend we do a project that related to real business problem solve it and make profitable startup and business. If you want your existing business and startup business make profitable and You want to grow yourself and your existing business and startup Join Us at SaeeAM Startup World and grow your business and yourself.


SaeeAM Indian Collage Student Startup Company



DALL-E is a deep learning model developed by OpenAI that generates images from text descriptions. It is capable of creating images of objects and scenes that do not exist in the real world, such as "a two-story pink and purple castle with a moat and a drawbridge." DALL-E is an extension of the GPT language model, and it uses a similar transformer architecture to generate images.




Click Here

 

SaeeAM Portfolio Website With Html, Css, js And Google app script with chatgpt help

SaeeAM Portfolio Website With Html, Css, js And Google app script with chatgpt help


SaeeAM से कम लो Indian college student startup company. We work on education, project, and startups/business.

SaeeAM Startup- SaeeAM के साथ Business Karo

SaeeAM Education - SaeeAM के साथ Sikho

SaeeAM Project - SaeeAM के साथ Project Karo 


SaeeAM Team learn/teach on weekend 5-day and last of the weekend we do a project that related to real business problem solve it and make profitable startup and business. If you want your existing business and startup business make profitable and You want to grow yourself and your existing business and startup Join Us at SaeeAM Startup World and grow your business and yourself.


SaeeAM Indian Collage Student Startup Company



Step1 Backend

var sheet = SpreadsheetApp.getActiveSpreadsheet();
var sheets = sheet.getSheetByName('resume');

function doGet(){
let obj = {};
let data = sheets.getDataRange().getValues();
obj.content = data;
// console.log(data);
return ContentService.createTextOutput(JSON.stringify(obj)).setMimeType(ContentService.MimeType.JSON);

}


Step2 Frentend

Html

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Hello SaeeAM</title>

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"

    integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

  <!--   <link rel="stylesheet" href="style.css"> -->

</head>

<body>

  <div id="div">

  </div>

</body>

<script src="script.js"></script>

</html>

 

Bootstrap 

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"

    integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

Js

fetch('https://script.googleusercontent.com/macros/echo?user_content_key=CmRFzK02qQf8eEXJUWPZejU7X-3JUreCeBm7zd5N0xUivEjMf7Vy9GtrDSSUYVflSgL7Jujj0LV0Z4L-VIP5a5MIJtqBw0STm5_BxDlH2jW0nuo2oDemN9CCS2h10ox_1xSncGQajx_ryfhECjZEnA9VpbQ1vFQ6v71-TpuIyErGOrn1RTsgMxPzRNo2aTRszsuaFGRbTdwsPAQKOGQY1YH1fSfjIqUTbssMeLtjfEYuc61o_wz-tA&lib=MpMUWZ5g6bXDeQz7WKWobKYOOOqnL9WSI')
  .then(response => response.json())
  .then(data => {
    // do something with the data here
    // alert(data.content[0]);
document.getElementById("div").innerHTML= data.content[0];
    
  });


API

https://script.googleusercontent.com/macros/echo?user_content_key=CmRFzK02qQf8eEXJUWPZejU7X-3JUreCeBm7zd5N0xUivEjMf7Vy9GtrDSSUYVflSgL7Jujj0LV0Z4L-VIP5a5MIJtqBw0STm5_BxDlH2jW0nuo2oDemN9CCS2h10ox_1xSncGQajx_ryfhECjZEnA9VpbQ1vFQ6v71-TpuIyErGOrn1RTsgMxPzRNo2aTRszsuaFGRbTdwsPAQKOGQY1YH1fSfjIqUTbssMeLtjfEYuc61o_wz-tA&lib=MpMUWZ5g6bXDeQz7WKWobKYOOOqnL9WSI

final  

Source Code

Live Websites

Other Live Demo


Question Ask With chatgpt 

resume portfolio saeeam signh
bot
user
resume portfolio saeeam singh
bot
Saeeam Singh saeeamsingh@gmail.com | (123) 456-7890 Summary I am a highly motivated and experienced professional with a background in software engineering, web development, and project management. I have a passion for creating innovative solutions to complex problems and have a proven track record of success in developing and deploying projects on time and within budget. I am an excellent communicator with strong problem-solving skills, and I am comfortable working both independently and as part of a team. Skills & Expertise • Software Engineering • Web Development • Project Management • Database Design & Administration • Agile Methodologies • User Interface Design • Quality Assurance & Testing • Troubleshooting & Debugging Experience Software Engineer | ABC Company | June 2017 – Present • Developed web applications using HTML, CSS, JavaScript, PHP, MySQL, and AJAX. • Designed user interfaces for web applications using Photoshop and Illustrator. • Implemented Agile methodologies to ensure timely delivery of projects. • Performed quality assurance testing to ensure accuracy of code. • Troubleshot and debugged code to identify errors or potential issues. • Created database designs for efficient data storage and retrieval. • Managed projects from conception to completion within budget constraints. Project Manager | XYZ Company | April 2015 – May 2017 • Managed multiple projects simultaneously while meeting deadlines. • Developed project plans outlining scope, timeline, resources needed, etc. • Coordinated with stakeholders to ensure successful completion of projects. • Monitored progress of projects to ensure they were on track for completion on time and within budget constraints. • Developed reports detailing project progress for senior management review. Education Bachelor’s Degree in Computer Science | University of California | 2012 – 2015
user
resume portfolio
bot
A resume portfolio is a collection of documents and materials that showcase a job seeker's skills, experience, and accomplishments. It typically includes a resume, cover letter, references, work samples, certifications, awards, and other relevant documents. A resume portfolio can be used to demonstrate an individual's qualifications for a job or to provide evidence of their professional development over time.
user
Gas
bot
Gas is a type of fuel that is used to power many types of vehicles, including cars, trucks, buses, and motorcycles. It is also used to power some industrial machinery and equipment. Gasoline is the most common type of gas used in vehicles. It is a mixture of hydrocarbons that are derived from crude oil. Other types of gas include natural gas, propane, and butane.
user
gas google service
bot
Google offers a variety of services for businesses, including Google Ads, Google Analytics, Google My Business, Google Cloud Platform, and more. These services help businesses reach their customers and grow their business. Additionally, Google provides tools such as G Suite and Google Maps to help businesses manage their operations more efficiently.
user
google app script
bot
Google Apps Script is a scripting language based on JavaScript that lets you do new and cool things with Google Apps like Docs, Sheets, and Forms. There's nothing to install—we give you a code editor right in your browser, and your scripts run on Google's servers.
user
js function
bot
A JavaScript function is a block of code designed to perform a particular task. A JavaScript function is executed when "something" invokes it (calls it). Example: function myFunction() { alert("Hello World!"); }
user
api
bot
import ( "encoding/json" "fmt" "net/http" "github.com/gorilla/mux" ) // Index is the root of the API. It will return a list of all available endpoints. func Index(w http.ResponseWriter, r *http.Request) { endpoints := []string{} router := mux.CurrentRoute(r).GetPathTemplate() for _, route := range mux.CurrentRoute(r).GetRoutes() { endpoints = append(endpoints, fmt.Sprintf("%s%s", router, route.GetName())) } json.NewEncoder(w).Encode(endpoints) }
user
api about
bot
The About page of an API is a page that provides information about the API, such as its purpose, features, and how to use it. It may also include contact information for the API provider, as well as links to documentation and other resources.
user
api full form
bot
API stands for Application Programming Interface. It is a set of protocols, routines, and tools for building software applications. APIs specify how software components should interact and are used when programming graphical user interface (GUI) components.
user
google sheet official website link
bot
https://www.google.com/sheets/about/
user
google app script sheet link
bot
Google App Scripts can be used to create custom scripts that can be used to automate tasks in Google Sheets. To get started, you can find the script editor in the Tools menu of a Google Sheet. From there, you can write your own scripts or use existing scripts from the web.
user
google app script link with sheet codde
bot
You can find the code for Google App Scripts on the Google Developers website. Here is the link: https://developers.google.com/apps-script/
user
google app script code to sheet fetch data
bot
function fetchData() { var sheet = SpreadsheetApp.getActiveSheet(); var data = UrlFetchApp.fetch("https://example.com/data"); var json = data.getContentText(); var values = JSON.parse(json); sheet.clearContents(); // Clear the sheet before writing new data // Write the headers to the first row of the sheet sheet.appendRow(Object.keys(values[0])); // Write the values to the sheet, starting from row 2 onwards values.forEach(function (value) { sheet.appendRow(Object.values(value)); }); }
user
tuple in js
bot
A tuple in JavaScript is an array with a fixed length and type of elements. Tuples are used to store multiple values in a single variable. Example: const myTuple = [1, 'Hello', true];
user
json
bot
{ "name": "My App", "version": "1.0.0", "description": "A sample Node.js project", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "John Doe", "license": "ISC" }
user
fetch data from database in js
bot
//Using the Fetch API fetch('/data') .then(response => response.json()) .then(data => { // do something with the data here });
user
dom in js
bot
The Document Object Model (DOM) is an API that provides a structural representation of an HTML document and defines how it can be accessed and manipulated. It is a platform- and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document. The DOM is used by most modern web browsers to create an interactive environment within the browser window.
user
bootstrap cmd
bot
The Bootstrap Command is a command-line interface (CLI) tool used to create and manage Bootstrap projects. It provides a set of commands for creating, building, and managing Bootstrap projects. It can be used to quickly create new projects, build existing projects, and manage project dependencies.
user
bootstrap cnd theme
bot
Bootstrap is a popular open-source front-end framework for creating responsive websites and web applications. It includes HTML and CSS based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Bootstrap also provides a theme that can be used to create a custom look and feel for your website or application. The Bootstrap CDN theme is a collection of pre-built themes that can be used to quickly customize the look and feel of your website or application. The themes are built using the Bootstrap framework and include all the necessary HTML, CSS, and JavaScript files needed to create a fully functional website or application.
user
bootstrap cdn code
bot
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap
user
document.getElementsByTagName("body").innerHTML= "saeeam";
bot
document.body.innerHTML = "saeeam";
user
dom in js code
bot
The DOM (Document Object Model) is an API that allows developers to access and manipulate the content, structure, and style of a web page. It is a tree-like structure that represents the HTML document and provides methods for accessing and manipulating its elements. The DOM can be used to add, remove, or modify elements on a web page, as well as to respond to user events such as mouse clicks or key presses.
user
document get elment by tagname code in js
bot
document.getElementsByTagName("tagname");
user
bootstrap container div code
bot
<div class="container"> ... </div>
user
what is bootstrap container
bot
Bootstrap container is a class used in the Bootstrap framework to create a responsive, fixed-width container for housing website content. It is used to wrap the main content of a page, and can be used to set the maximum width of the page content. The container class also has padding built in to help separate the content from other elements on the page.
user
bootstrap section header
bot
<div class="container"> <div class="row"> <div class="col-12"> <h2>Section Header</h2> </div> </div> </div>
user
bootstrap class text-decoration
bot
The class "text-decoration" is not a valid Bootstrap class.
user
bootstrap class text-decoration class name
bot
"text-decoration"
user
bootstrap class text-decoration-none in classname
bot
<a class="text-decoration-none" href="#">Link</a>
 

Contact Us