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

A news webpage, written primarily using the Tailwind CSS framework / Новостная веб-страница, написанная преимущественно при помощи Tailwind CSS фреймворка
https://github.com/pipchenkovaa/news-webpage

css3 git html5 javascript tailwindcss

Last synced: 6 months ago
JSON representation

A news webpage, written primarily using the Tailwind CSS framework / Новостная веб-страница, написанная преимущественно при помощи Tailwind CSS фреймворка

• Host: GitHub
• URL: https://github.com/pipchenkovaa/news-webpage
• Owner: Pipchenkovaa
• Created: 2024-09-04T12:06:43.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-17T19:25:55.000Z (almost 2 years ago)
• Last Synced: 2025-03-22T21:41:51.066Z (over 1 year ago)
• Topics: css3, git, html5, javascript, tailwindcss
• Language: CSS
• Homepage: https://pipchenkovaa.github.io/News-Webpage/
• Size: 6.83 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 News Webpage / Новостная веб-страница 

This project is a fully responsive news webpage, built using the Tailwind CSS framework as the main styling tool.



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

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

Responsive design that adapts to all screen sizes / Адаптивный дизайн, подходящий подо все размеры экранов

Minimizing CSS code by using Tailwind CSS for styling / Минимизация CSS-кода благодаря использованию Tailwind CSS для задания стилей


  ⚙️ Structure / Структура  



«node_modules/» contains all modules of the project (external libraries, packages) / папка «node_modules» содержит все модули проекта (внешние библиотеки, пакеты)



«public/» contains a folder with all the images and icons used, as well as the final compiled CSS file / папка «public» содержит папку images со всеми использованными в проекте изображениями и иконками, а также итоговый скомпелированный CSS файл



«src/» contains an input CSS file that is used to apply Tailwind styles and JavaScript file / папка «src» содержит входной CSS-файл, через который подключаются Tailwind стили, а также файл со скриптами для смены темы страницы



«images/» contains image assets used on the website / папка «images» содержит использованные в проекте изображения


  Built With / Использованные технологии  

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


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


1) Clone the repository / Клонируем репозиторий: `git clone https://github.com/Pipchenkovaa/News-Webpage.git`


2) Navigate to the project directory / Переходим в директорию проекта: `cd News-Webpage`


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