index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lang Exchange Tracker</title>
    <meta name="decription" value="LangExchangeTracker is a simple web application that helps users track their language exchange partners and log their conversation sessions. The app is built with HTML, CSS, and JavaScript, and it works entirely on the client-side using local storage.">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <h1>Lang Exchange Tracker</h1>
        <div class="add-partner">
            <input type="text" id="partner-name" placeholder="Partner's Name">
            <button id="add-partner-button">Add Partner</button>
        </div>
        <ul id="partner-list"></ul>
        <div class="add-session">
            <select id="partner-select"></select>
            <input type="text" id="session-notes" placeholder="Session Notes">
            <input type="number" id="session-duration" placeholder="Duration (minutes)">
            <button id="add-session-button">Add Session</button>
        </div>
        <ul id="session-list"></ul>
        <div><br/><a href="jadehamel.fr">Jade Hamel</a> | <a href="https://github.com/jadehamel/LangExchangeTracker" target="_blank">CODE</a></div>
    </div>
    <script src="script.js"></script>
</body>
</html>