Журнал заявок на js - JavaScript

[smeyk]

Здравствуйте друзья! Помогите пожалуйста создать журнал заявок, после ввода информации в модальное окно (имя и сообщение) она должна попасть localStorage и в таблицу на самой странице, при этом заявке автоматически дается ID дикримент и дата, в самом низу показывается общее число заявок. Пример на картинке. Я в этом деле профан, и не могу найти ни чего подобного,подскажите пожалуйста в каком направлении двигатся... Буду очень признателен за помощь!

<div class="modal">
    <a href="#close" class="modal-clouse">&times;</a>
    <h4>Оставить заявку</h4>
    <input class="name" type="text" placeholder="Ваше имя...">
    <textarea class="text" placeholder="Ваше сообшение..."></textarea>
    <a href="#" class="button">Оставить заявку</a>
</div>
    
    <header class="header">
        <div class="setting"><a href=""><img src="img/settings.png" alt=""></a></div>
        <div class="bottom-line"></div>
    </header>
    
    <div class="container-fluid">
    <section class="main-content">
    <div class="top-line">
        <div class="app">Заявки</div>
        <a href="#modal" class="button modal-link">+ Добавить</a>
        </div>
        <table>
            <tr>
                <th>ID</th>
                <th>Имя</th>
                <th>Коментарий</th>
                <th>Дата</th>
            </tr>
            <tr>
                <td class="id">1</td>
                <td class="name">John</td>
                <td class="comment">All good</td>
                <td class="data"></td>
            </tr>
        </table>
        <div class="counter">Количество: <strong>1</strong></div>
    </section>
    </div>