Skip to content

The first project written mainly in JavaScript with minimal HTML markup / Первый проект, написанный в основном на JavaScript, с минимальным количеством HTML кода

Notifications You must be signed in to change notification settings

Pipchenkovaa/Webpage-Builder

Repository files navigation

Webpage Builder / Конструктор веб-страницы

This project is a webpage builder, because it allows the user to create and add text blocks to the page in real time and apply arbitrary styles to them. The page is written primarily in JavaScript, which allows generate content dynamically.


Данный проект представляет собой конструктор веб-страницы, поскольку позволяет пользователю в режиме реального времени создавать и добавлять на нее текстовые блоки и применять к ним произвольные стили. Веб-страница реализована преимущественно на языке JavaScript, что позволяет генерировать контент динамически.

💡 Features / Особенности

  • The ability to create text blocks directly on a webpage in real time / Возможность создания текстовых блоков на веб-странице в режиме реального времени
  • The ability to customize your own styles for content (customization) / Возможность настройки собственных стилей для контента (кастомизация)
  • ⚙️ Structure / Структура

  • «src/» contains folders with all necessary files: styles (folder "public"), scripts (folders "classes", "scripts"), images (folder "images") / папка «src» содержит папки со всеми необходимыми файлами: стилями (папка «public»), скриптами (папки «classes», «scripts»), изображениями (папка «images»)
  • «public/» contains the final compiled CSS file with custom styles / папка «public» содержит итоговый скомпилированный CSS-файл с пользовательскими стилями
  • Built With / Использованные технологии

    HTML5 / CSS3 / JavaScript (ES6+) / Tailwind CSS

    Run this project locally / Для запуска проекта локально:

    1. Clone the repository / Клонируем репозиторий: git clone https://github.com/Pipchenkovaa/Webpage-Builder.git
    2. Navigate to the project directory / Переходим в директорию проекта: cd Webpage-Builder
    3. Install dependencies / Устанавливаем необходимые модули и пакеты: npm install
    4. Start the development server / Запускаем скрипт для сборки JavaScript модулей: npm start
    5. Open the project in your browser / Открываем проект локально в браузере: http://localhost:3000

    ©️ Author / Авторство

    © Pipchencova Alina, 2024

    About

    The first project written mainly in JavaScript with minimal HTML markup / Первый проект, написанный в основном на JavaScript, с минимальным количеством HTML кода

    Topics

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published