Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thisis-developer/portfolio-old
This repository serves as an archive of my past portfolio websites, showcasing the evolution of my web development skills and design style over time. Each branch corresponds to a different version of my portfolio, allowing you to explore the various iterations and changes that have been made.
https://github.com/thisis-developer/portfolio-old
old-portfolio old-project portfolio
Last synced: 19 days ago
JSON representation
This repository serves as an archive of my past portfolio websites, showcasing the evolution of my web development skills and design style over time. Each branch corresponds to a different version of my portfolio, allowing you to explore the various iterations and changes that have been made.
- Host: GitHub
- URL: https://github.com/thisis-developer/portfolio-old
- Owner: ThisIs-Developer
- License: mit
- Created: 2024-04-13T19:45:40.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-04-13T19:53:24.000Z (8 months ago)
- Last Synced: 2024-04-14T09:57:53.426Z (8 months ago)
- Topics: old-portfolio, old-project, portfolio
- Language: HTML
- Homepage: https://baivabsarkar-old.vercel.app
- Size: 912 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio [](https://github.com/ThisIs-Developer/Portfolio)
🚀 Explore the **Simplicity of HTML, CSS, and a Touch of JS** in Building Your Unique Showcase. Let's Elevate **Your Portfolio Game** Together! 💼❤️
### Website is Live: [baivabsarkar-old.vercel.app](https://baivabsarkar-old.vercel.app/)
## Key Feature
### Submit a Form to Google Sheets
**This Portfolio Contact form can stores the submitted form data in Google Sheets using plain 'ol JavaScript (ES6), [Google Apps Script](https://www.google.com/script/start/).**
Discover the Process: Learn from [@jamiewilson](https://github.com/jamiewilson) [Form-to-Google-Sheets Repository](https://github.com/jamiewilson/form-to-google-sheets/tree/master) 📝🔗 #OpenSource"
### Input the in `index.html`:
```js
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbzwGkCv4dbdFpYjSYbThchpqYSgudoYmK_KtdmS6RkK-vyFqgPCKwxicx0xdmTErDjM/exec'
const form = document.forms['submit-to-google-sheet']
const msg = document.getElementById("msg")
const waitMsg = document.getElementById("wait-msg")
form.addEventListener('submit', e => {
e.preventDefault();
waitMsg.innerHTML = "Please wait...";
fetch(scriptURL, { method: 'POST', body: new FormData(form) })
.then(response => {
waitMsg.innerHTML = "";
msg.innerHTML = "Message sent successfully";
setTimeout(function () {
msg.innerHTML = "";
}, 5000);
form.reset();
})
.catch(error => {
waitMsg.innerHTML = "";
console.error('Error!', error.message);
});
});
```
## Layout of Contact form
## After clicking the "Submit" buttom.
### "Please wait..."
## After sending Message.
### "Message sent successfully"
