ben4you2 / ben4you2/Learn-Good

App to be developed

Open
#10 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
1
Forks
0
PR merge metrics
No merged PRs in 30d

Description

That is the picture of how it looks.
![image](https://github.com/user-attachments/assets/66513a1d-a408-4c04-92b3-9dacc5b50f8b)

```

















Menu







Home



Info



Settings



Protection





Programs







Ben4you Tech






Applications & Services
See All


Hosting and Cloud


Networking & Computer Newtwork


Applications and Web


Computer and Virtual


Programming and Science


Cloud Computing

Protection




© copyright Ben4you Tech 2025









Menu


Tap the button in the toolbar to open the menu.

Button






Home



Open


Option 1

Option 2
Cancel
Change


Programing Skills



This is what you see, when someone was at school and know what they would have as computer Skills.The place is what ina telling hose people to stop thinkng about and mnow tat they are violating my private property laws and privay laws.



That is to let people know what is happening and what was happening in this world and some countries.



Click on the link





This is content of radio buttons and buttons





































Delmas
Petion Ville
Tabarre
Carrefour
Port-au-Prince
Port-au-Ending
La Mouthing


Dark Mode


Terms and Conditions


Open

async function presentActionSheet() {
const actionSheet = document.createElement('ion-action-sheet');
actionSheet.header = 'Actions';
actionSheet.subheader='That is a sub message';
actionSheet.buttons = [
{
text: 'Delete',
role: 'destructive',
data: {
action: 'delete',
},
},
{
text: 'Share',
data: {
action: 'share',
},
},
{
text: 'Cancel',
role: 'cancel',
data: {
action: 'cancel',
},
},
];

document.body.appendChild(actionSheet);
await actionSheet.present();
}







Hosting and Cloud Network
































Change Theme to Dark Mode
Unsubscribe at any time



import("@/js/main.js");
let dcl = document.getElementsByClassName('.themeToggle');
if(!true){
presentAlert("The work","speaking","This is a meassage");
}else{
presentM();
}






Silhouette of a person's head







Silhouette of a person's head

Chip Avatar





















Put or write you text and comment



Your comments will be kept anonymous and will only be used to improve the reliability of our products.



Click on the link












General
6



Shopping
15



Cleaning
3



Reminders
8









Rick Astley
Never Gonna Give You Up


Never gonna give you up Never gonna let you down Never gonna run...







Ionitron
I have become sentient

That is all.








Steam
Game Store Sale


That game you added to your wish list 2 years ago is now on sale!







Ionic
Announcing Ionic 7.0

This version is one more than Ionic 6!



.unread-indicator {
background: var(--ion-color-primary);

width: 10px;
height: 10px;

border-radius: 100%;

position: absolute;

inset-inline-start: 12px;
top: 12px;
}

.metadata-end-wrapper {
position: absolute;

top: 10px;
inset-inline-end: 10px;

font-size: 0.8rem;

display: flex;
align-items: center;
}

ion-label strong {
display: block;

max-width: calc(100% - 60px);

overflow: hidden;

text-overflow: ellipsis;
}

ion-label ion-note {
font-size: 0.9rem;
}







Setting




class PageOne extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<ion-header>
<ion-toolbar>
<ion-title>Back Button</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<h1>Page One</h1>
<p>Navigate to the next page to see the back button.</p>
<ion-nav-link router-direction="forward" component="page-two">
<ion-button>Navigate</ion-button>
<ion-button>Mesye Vendeur a</ion-button>
<a href="#MVD">MVD</a>
</ion-nav-link>
</ion-content>
`;
}
}

class PageTwo extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
<ion-title>Back Button</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<h1>Page Two</h1>
<p>Use the back button to navigate to the previous page.Moun ji itlize sa tale a pou fe pase mekontantman li a.Lap ka we sa to ye e lap fe okfintou.</p>
</ion-content>
`;
}
}

class Tab2 extends HTMLElement{
connectedCallback(){
this.innerHTML = `
<ion-header>

<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
<ion-buttons>
<ion-title>Back</ion-title>
</ion-toolbar>
</ion-header>

`;
}
}

customElements.define('page-one', PageOne);
customElements.define('page-two', PageTwo);



Setting





Silhouette of a person's head

Chip Avatar



Airplane Mode



Wi-Fi



Bluetooth



Cellular







Huey





Dewey





Louie





Fooie




No problems in my head
Delmas
Fokou
Fprt
PHpr
Wrksn
Jeijenj
Mourh moving and Tongue moving














Login



Email



Password



Login
















Containers




A



Angola


Argentina


Armenia


B



Bangladesh


Belarus


Belgium

Container List


Fruits




Grapes


Favorite





Apples


Favorite





Bananas


Favorite


Vegetables




Carrots


Favorite





Broccoli


Favorite





Celery


Favorite












```

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the HTML entry page and /css/style.css, then load the current Ionic interface in a browser to inventory the tabs and controls shown in the issue. The request does not define a target feature or acceptance criteria, so completion cannot be determined until the app's required screens and behavior are specified.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, javascript, tailwindcss
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
15/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.