Краткое описание
Приложение Muslims - это веб-сайт для мусульман. На сайте вы можете читать Коран с переводами, а также слушать аудио версию Корана. Вы можете изменить рецитаторов, размеры шрифта, и есть несколько переводов Корана на разных языках. Сайт также предоставляет инструкции по выполнению намаза как для мужчин, так и для женщин, с картинками, транслитерациями и удобной навигацией.
Цели проекта
Цели веб-сайта :
Обеспечение доступа к Корану: Сайт стремится облегчить доступ к Корану для мусульман, предлагая текст Корана с переводами на разных языках. Это позволяет пользователям читать и понимать учение Корана независимо от их языковой подготовки.
Поощрение рецитации Корана: Сайт предоставляет аудио версию Корана, позволяя пользователям слушать рецитацию различных рецитаторов. Эта функция помогает улучшить навыки рецитации и почувствовать красоту и мелодичность коранических стихов.
Поддержка в выполнении намаза: Сайт предлагает подробные инструкции по выполнению намаза (салах) как для мужчин, так и для женщин. Это включает в себя визуальные пособия, такие как изображения, транслитерации и удобную навигацию, позволяя пользователям изучать и следовать правильным процедурам и позициям намаза.
Используемый стек технологий
Сайт использует следующий стек технологий:
-
React: React - это популярная библиотека JavaScript, используемая для создания пользовательских интерфейсов. Она позволяет эффективно разрабатывать компоненты, что упрощает управление и обновление различных частей приложения.
-
Next.js: Next.js - это фреймворк, построенный поверх React, который позволяет рендерить страницы на стороне сервера, генерировать статические сайты и предоставляет другие расширенные функции. Это обеспечивает повышенную производительность, оптимизацию для поисковых систем и упрощает процесс создания сложных приложений на React.
-
Tailwind CSS: Tailwind CSS - это фреймворк для CSS, ориентированный на использование утилит. Он предоставляет набор готовых CSS-классов, что позволяет быстро разрабатывать стили для общих компонентов пользовательского интерфейса, упрощая создание адаптивных и визуально привлекательных интерфейсов.
-
TypeScript: TypeScript - это статически типизированный надмножество JavaScript, которое повышает надежность и поддерживаемость кода. Он добавляет статическую проверку типов, позволяя обнаруживать ошибки на ранних этапах и улучшает документацию кода, что приводит к созданию более надежных приложений.
-
Redux: Redux - это библиотека управления состоянием, часто используемая в приложениях React. Она предоставляет предсказуемый контейнер состояния, что позволяет централизованно управлять данными приложения. Redux упрощает поток данных и помогает поддерживать последовательное состояние между компонентами.
-
SASS: SASS (Syntactically Awesome Style Sheets) - это препроцессор CSS, который добавляет дополнительные функциональные возможности к традиционному CSS. Он вводит переменные, вложенность, миксины и другие полезные конструкции, делая код CSS более модульным, переиспользуемым и поддерживаемым.
-
Material-UI (MUI): Material-UI - это популярная библиотека компонентов React, реализующая рекомендации Material Design. Она предлагает широкий спектр готовых компонентов пользовательского интерфейса, стилей и опций темизации, что позволяет разработчикам создавать визуально связанные и интерактивные интерфейсы.
Объединяя React, Next.js, Tailwind CSS, TypeScript, Redux, SASS и MUI, сайт получает мощный и эффективный стек технологий, который облегчает разработку адаптивного пользовательского интерфейса, надежное управление состоянием, надежность кода и визуально привлекательный опыт пользователей.
Особенности
Чтение Корана
На главной странице Корана есть все 114 сур. При нажатии на суру, она открывается.
