Посмотреть проект в онлайне - https://russian-cities-project-2.onrender.com/
Проект создан для предоставления удобного и лаконичного ресурса, который помогает пользователям исследовать города России и их яркие достопримечательности. Цель продукта — сформировать полное представление о каждом городе. Моей мотивацией для создания проекта стало желание предоставить людям доступ к проверенной информации о городах России, а также поддерживать и развивать интерес к русской культуре и истории.
Основная задумка — объединить интересные факты, исторические данные и визуальные материалы в одном ресурсе, делая их более доступными для широкой аудитории.
- Дефицит информации: Предоставление подробной и достоверной информации о российских городах, которая может быть недостаточно освещена в других источниках.
- Образование и туризм: Продукт помогает пользователям глубже понять культуру, историю и достопримечательности городов, что полезно как для туристов, так и для исследователей.
- Интерактивность: Создаётся увлекательный способ изучения городов, позволяющий пользователям погружаться в контент и исследовать его на свой вкус.
- Лаконичность: Чёткая и сжатая информация о каждом городе без лишних деталей, с акцентом на важное. В проекте "Heart and Horizon - Explore Russia's Cities" лаконичность достигается за счёт представления информации о каждом городе в компактном и четком формате.
- Содержательность: Глубокие и значимые данные о культурных, исторических и туристических аспектах. Я старался избегать излишних деталей, сосредоточиваясь на наиболее значимых аспектах, таких как основные достопримечательности и ключевые культурные аспекты. Это позволяет пользователям быстро ориентироваться в контенте и находить нужную информацию без лишних усилий. Я уделил особое внимание содержательности, предоставляя глубокую и тщательно проверенную информацию о каждом городе. Это включает в себя как культурные и исторические данные, так и описания основных туристических объектов. Такой подход обеспечивает пользователям всестороннее понимание особенностей каждого города, что делает мой продукт ценным источником знаний для тех, кто интересуется российской культурой и историей.
- Фокус на важное: В проекте "Heart and Horizon - Explore Russia's Cities" акцент сделан на важнейших аспектах, таких как культурное наследие, значимые исторические события и главные достопримечательности. Я стремился выделить именно те элементы, которые наиболее интересны и полезны для пользователей. Это позволяет эффективно передавать ключевые сведения и помогает пользователям сосредоточиться на наиболее значимых фактах и особенностях каждого города.
Эти особенности делают "Russian Cities" удобным, информативным и ценным ресурсом.
1. Клонируйте репозиторий:
git clone https://github.com/Licrua/Russian-cities-project.git
2. Перейдите в директорию проекта:
cd Russian-cities-project
3. Установите зависимости:
Если ваш проект использует npm:
npm install
Или если вы используете yarn:
yarn install
4. Запустите проект локально:
Если ваш проект использует npm:
npm start
Или если вы используете yarn:
yarn start
Или же воспользоваться Makefile и написать : make start!
-
Приветственная страница
Как только вы заходите на сайт, вас встречает приветственная страница. На ней присутствует текст, а также интерактивные элементы:
- Кнопка захода на главную страницу, которая находится внизу под текстом
- Кнопка переключения языка (английский, русский)
-
Главная страница
После нажатия на кнопку "Начать знакомство", вы попадаете на главную страницу. Главная страница включает в себя множество интерактивных элементов, анимации, текст, карточки, карту и цитаты. Здесь также содержится header с интерактивными иконками, каждая из которых имеет следующее значение:
- Возврат на главную страницу
- Непосредственное название проекта
- Иконка выбора города
- Иконка выбора языка
- Иконка перехода к карте
- Приветственный текст главной страницы
фото главной страницы
фото иконки переключения языка
фото навигацинного меню городов
-
Карточки городов
Если пролистать немного вниз, вы увидите карточки городов с их описанием и интерактивную кнопку для перехода на детальную информацию о городе. Картинка также пронумерована для лучшего понимания:
- Иконка фильтрации
- Кнопка перехода на подробную информацию о городе
- Краткий текст о городе
-
Карта
Следующим элементом является карта, которая демонстрирует местонахождение каждого из затрагиваемых городов. Карта позволяет отдалять и приближать изображения. Также на странице появляется стрелочка для прокрутки в начало страницы, которая обозначена на картинке под цифрой 2.
-
Цитаты
Далее, раздел цитат знаменитых личностей, которые подчеркивают культурные аспекты России. Эти личности выбраны не случайно, так как каждый из них являлся активным путешественником, посетившим множество стран, включая Россию. При наведении на цитату и нажатии на синюю кнопку об авторе, вы можете ознакомиться с более подробной биографией личности.
-
Футер
Последний элемент главной страницы — футер. Он включает в себя:
- Иконки, ведущие на соцсети автора
- Кнопка предложения для улучшения, при нажатии на которую открывается форма для отправки ваших пожеланий. Я получу сообщения на почту и дам вам обратную связь.
- Кнопка подписки на рассылку обновлений сайта. Перед подпиской необходимо заполнить 2 обязательных поля и нажать на синюю кнопку.
Форма для обратной связи
Изначально на страницу города вы можете попасть двумя способами:
-
Нажав на навигационную иконку и выбрав соответствующий город.
-
Перейдя в раздел карточек и нажав на кнопку "Подробнее о городе". Таким образом вы окажетесь на странице выбранного вами города.
Страница города включает:
- Вводную краткую информацию о городе под заголовком "Информация"
- Карусель с изображениями интересных мест города и краткими описаниями. Карусель может переключать изображения автоматически или вручную при нажатии на соответствующие кнопки.
- Аккордеон с важной информацией для туристов и гостей города. Аккордеон состоит из 4 элементов:
- Главный заголовок
- Подзаголовок аккордеона с возможностью нажатия и выползающим окошком информации
- Кнопка возврата на предыдущую страницу
- Кнопка перехода на следующую страницу
Я всегда рад получить помощь и предложения для улучшения моего продукта! Вот несколько способов, как вы можете способствовать его развитию:
-
Оставьте отзыв
Поделитесь своим опытом использования продукта, оставив отзыв. Ваше мнение важно для меня и помогает улучшать продукт. Вы можете оставить отзыв через форму на моем сайте или отправить мне сообщение по электронной почте, а также в соц сетях.
-
Сообщите об ошибках
Если вы обнаружили ошибку или баг, пожалуйста, сообщите мне об этом. Это поможет мне оперативно исправить проблемы и сделать продукт более стабильным. Вы можете создать новый issue на GitHub с подробным описанием проблемы.
-
Предложите новые функции
Если у вас есть идеи для новых функций или улучшений, не стесняйтесь делиться ими. Я открыт для предложений и буду рад рассмотреть ваши идеи. Оставьте свои предложения в разделе issues на GitHub или через форму обратной связи на сайте.
-
Участвуйте в разработке
Если у вас есть опыт разработки и вы хотите внести свой вклад в кодовую базу, вы можете:
- Форкнуть репозиторий на GitHub и создать pull request с вашими изменениями.
- Проверить мои открытые issues и посмотреть, как вы можете помочь с их решением.
-
Поделитесь продуктом
Расскажите о моем продукте друзьям, коллегам и в социальных сетях. Чем больше людей узнает о продукте, тем больше возможностей для его улучшения и роста.
-
Поддержите нас
Если вы хотите поддержать проект финансово, вы можете сделать пожертвование через указанные на сайте способы поддержки. Ваша помощь позволит нам продолжать работу над улучшением продукта.
Каждый Ваш вклад важен для меня и помогает делать продукт лучше. Спасибо за вашу поддержку и активное участие!
Продукт "Russian Cities" был разработан мной, Licrua. Этот проект стал возможен благодаря использованию различных технологий и библиотек, которые значительно упростили процесс разработки и улучшили функциональность продукта.
- React: Библиотека для построения пользовательских интерфейсов, которая обеспечивает динамичное и интерактивное взаимодействие с пользователем.
- TypeScript: Язык программирования, который добавляет типизацию к JavaScript, улучшая надежность кода и упрощая его сопровождение.
- SCSS: Расширение синтаксиса CSS, которое позволяет использовать переменные, вложенные правила и другие возможности для более удобного и структурированного написания стилей.
- i18n: Библиотека для интернационализации, обеспечивающая поддержку нескольких языков и локализацию контента.
- И множество других библиотек
Я нес ответственность за общую разработку и поддержку проекта, включая внедрение новых функций, исправление ошибок и обновление контента. Использование этих технологий и библиотек позволило создать функциональный и удобный ресурс для изучения российских городов.