https://github.com/pipchenkovaa/webpage-builder

The first project written mainly in JavaScript with minimal HTML markup / Первый проект, написанный в основном на JavaScript, с минимальным количеством HTML кода
https://github.com/pipchenkovaa/webpage-builder

css3 git html5 javascript scss taiwindcss

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/pipchenkovaa/webpage-builder
• Owner: Pipchenkovaa
• Created: 2024-09-04T12:17:57.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-18T11:49:32.000Z (about 1 year ago)
• Last Synced: 2025-02-22T23:05:24.699Z (8 months ago)
• Topics: css3, git, html5, javascript, scss, taiwindcss
• Language: CSS
• Homepage: https://pipchenkovaa.github.io/Webpage-Builder/
• Size: 12.6 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 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