SaeeAM Indian Collage Student Startup Company

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>
 

No comments:

Post a Comment