As everyone know that AppInventor is very great and easy platform to build applications without coding....
My Question is...
Is there any platform where we can build web pages with component feature we want like label button textbox etc with all essential features for a web page development...
Examples
I want to show the list from my airtable then i have to manually write the code...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Airtable List</title>
<style>
#list {
margin: 0;
padding: 0;
list-style: none;
}
#loading {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
z-index: 1;
}
.loader {
border: 4px solid #000;
border-top: 4px solid transparent;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div id="loading">
<div class="loader"></div>
</div>
<ul id="list"></ul>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
const list = document.getElementById('list');
const loading = document.getElementById('loading');
axios.get('https://api.airtable.com/v0/app3Pg7b9BAhe2Vf1/Table%201?view=Grid%20view', {
headers: {
'Authorization': 'Bearer keyias6pRQ1klEKBg'
}
})
.then(response => {
loading.style.display = 'none';
response.data.records.forEach(record => {
const item = document.createElement('li');
const card = document.createElement('div');
card.classList.add('card');
card.textContent = record.fields['lab'];
item.appendChild(card);
list.appendChild(item);
});
})
.catch(error => {
console.log(error);
});
</script>
</body>
</html>
I know this code contains my secret keys like api and base id but this project is demo project so please dont remove it otherwise code will not work...
Yes... if we want this we have to manually write the code but there there was something like app inventor for web page development then i can be so easy....
If such platform exist please let me know
If not then if someone start it...
It could be appreciated from many peoples...
