Yaly Waidroug

В дополнение к базам данных. Советую для начала использовать sqlite. Не нужно запускать сервер, хранится в одном файле. Для обучения самое то.

Как альтернативу django можно посмотреть на flask, тоже на python.

Я бы декомпозировал задачу на 3.
1. Изучение и реализация фронтенд части приложения:
1.1. html файл с формой
1.2. js скрипт, где по клику на кнопку идёт сохранение текста из textarea, скажем в localstorage. При инициализации скрипта текст, естественно, берем из localstorage.
2. Изучение и реализация бэкенд части приложения:
Выбираем любой язык на котором можно пилить бэк. Можете взять python если он вам нравится, даже django если интересно можете заюзать. Вам необходима БД, например MySql и простейшее API, в котором описываете 2 метода, для получения и сохранения текста.
3. Интеграция фронтенда и бэкенда.
В js скрипте теперь берем/сохраняем текст не в localstorage, а с помощью AJAX в БД

Чтобы данные от пользователя отображались на странице, нужна база данных, например на MySql и код на PHP,который
а) получает информацию со страницы о введенном пользователем тексте и сохраняет ее в базу
б) Формирует страницу HTML с учетом хранящихся в базе данных.

Кстати вот это очень правильный и важный вопрос, по которому информации в инете пренебрежительно мало. Куда не сунься - все дают советы насчет ширины экрана, а вот насчёт высоты советов почти что и нет. Есть что-то вроде "делай не выше 600рх" и можно сказать всё.

Причина такому положению вещей простая - замучаешься ты так тонко настраивать дизайн. Вот ты озвучил 4 ширины - моник, ноут, планшет и мобила. Теперь помножь это на варианты высот. А если еще вспомнить, что окошко браузера юзеры могут ресайзить - рехнёшься. Поэтому и советуют делать высоту для настольных браузеров в районе 600-800рх, а для мобильных - 400-500.

Чтобы упростить задачу - сокращаем количество вариантов ширины. Делаешь только два - для больших экранов (моник, ноут, планшет - 1000-1200рх) и для маленьких (смартфоны - 320-360, эппл со своими 375 тут идёт лесом). Соответственно первой ширине присваиваешь высоту 600-800, а второй - 400-50.

То, что советует Вадим Белкин возможно лишь при хорошом взаимопонимании дизайнера и разработчика, и непрерывном контроле качества результата. А иначе попросишь разраба сделать вьюху резиновой, да и спрессуется всё в итоге, если окошко браузера будет чересчур малым для имеющегося на сайте контента. В таких случаях пусть уж лучше будет лишний скролл.

В CSS есть единицы измерения vw (ширина вьюпорта) и vh (высота вьюпорта). Это лучше чем под каждый экран в пикселях задавать, один раз задав высоту блоку width: 100vh он у вас на любом экране будет равен 100% высоты вьюпорта. Почитайте, например тут
Конечно же если вам подходит их поддержка браузерами