{"id":22577201,"url":"https://github.com/0memo07/quran-web-application","last_synced_at":"2025-04-10T00:30:27.869Z","repository":{"id":266298308,"uuid":"897962585","full_name":"0MeMo07/Quran-Web-Application","owner":"0MeMo07","description":"Built with React, TypeScript and styled using Tailwind CSS, this Quran web app allows users to view verses, search for verses and switch between languages. It supports both English and Turkish, includes Dark/Light Mode switching, and provides voiceover functionality in both languages.","archived":false,"fork":false,"pushed_at":"2025-02-16T12:49:34.000Z","size":689,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T02:12:43.570Z","etag":null,"topics":["kuran","mushaf","quran","quran-app","quran-audio","quran-search","quran-translation","quran-web"],"latest_commit_sha":null,"homepage":"https://deepmushaf.web.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0MeMo07.png","metadata":{"files":{"readme":"README.MD","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-03T14:46:55.000Z","updated_at":"2025-02-16T12:49:37.000Z","dependencies_parsed_at":"2024-12-03T15:42:21.088Z","dependency_job_id":"0a0d2f7a-11c3-43de-954d-376d56489fcb","html_url":"https://github.com/0MeMo07/Quran-Web-Application","commit_stats":null,"previous_names":["0memo07/quran-web-application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0MeMo07%2FQuran-Web-Application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0MeMo07%2FQuran-Web-Application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0MeMo07%2FQuran-Web-Application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0MeMo07%2FQuran-Web-Application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0MeMo07","download_url":"https://codeload.github.com/0MeMo07/Quran-Web-Application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248134756,"owners_count":21053523,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["kuran","mushaf","quran","quran-app","quran-audio","quran-search","quran-translation","quran-web"],"created_at":"2024-12-08T04:12:15.257Z","updated_at":"2025-04-10T00:30:27.846Z","avatar_url":"https://github.com/0MeMo07.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\r\n  \u003cimg src=\"src/assets/quran.png\" alt=\"Quran Web Application\" width=\"200\"/\u003e\r\n  \u003ch1\u003e📖 Quran Web Application\u003c/h1\u003e\r\n  \u003cp\u003eA modern, feature-rich Quran application built with React and TypeScript\u003c/p\u003e\r\n\r\n  \u003cdiv align=\"center\"\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\" alt=\"React\"/\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" alt=\"TypeScript\"/\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/Redux-593D88?style=for-the-badge\u0026logo=redux\u0026logoColor=white\" alt=\"Redux\"/\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"Tailwind\"/\u003e\r\n  \u003c/div\u003e\r\n\r\n  \u003cdiv align=\"center\"\u003e\r\n    \u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e •\r\n    \u003ca href=\"https://deepmushaf.web.app/\"\u003eLive Demo\u003c/a\u003e •\r\n    \u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e •\r\n    \u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\r\n  \u003c/div\u003e\r\n\u003c/div\u003e\r\n\r\n## ✨ Features\r\n\r\n🔍 **Advanced Search**\r\n- Powerful verse search functionality\r\n- Real-time search results\r\n\r\n🌍 **Multi-language Support**\r\n- English and Turkish translations\r\n- Seamless language switching\r\n- Complete UI localization\r\n\r\n🎨 **Modern UI/UX**\r\n- Elegant dark/light mode\r\n- Responsive design for all devices\r\n- Smooth animations and transitions\r\n\r\n🔊 **Audio Features**\r\n- High-quality voice-over support\r\n- Audio playback controls\r\n\r\n## 🛠️ Tech Stack\r\n\r\n### Frontend\r\n- **React.js** - Modern UI development\r\n- **Redux Toolkit** - State management\r\n- **Tailwind CSS** - Styling and design\r\n- **TypeScript** - Type-safe development\r\n\r\n### Backend Integration\r\n- **Açık Quran API** - Comprehensive Quranic data ([API Documentation](https://github.com/acik-kuran/acikkuran-api))\r\n\r\n## 🚀 Getting Started\r\n\r\n### Prerequisites\r\n\r\nBefore you begin, ensure you have the following installed:\r\n- Node.js (v14 or higher)\r\n- npm or yarn package manager\r\n- Git\r\n\r\n### Installation Steps\r\n\r\n1. **Clone the Repository**\r\n   ```bash\r\n   git clone https://github.com/0memo07/Quran-Web-Application.git\r\n   cd Quran-Web-Application\r\n   ```\r\n\r\n2. **Install Dependencies**\r\n   ```bash\r\n   # Using npm\r\n   npm install\r\n\r\n   # Using yarn\r\n   yarn install\r\n   ```\r\n\r\n3. **Start Development Server**\r\n   ```bash\r\n   # Using npm\r\n   npm run dev\r\n\r\n   # Using yarn\r\n   yarn dev\r\n   ```\r\n\r\n4. **Build for Production**\r\n   ```bash\r\n   # Using npm\r\n   npm run build\r\n\r\n   # Using yarn\r\n   yarn build\r\n   ```\r\n\r\n\r\n## 🤝 Contributing\r\n\r\nContributions are always welcome! See [CONTRIBUTING.md](CONTRIBUTING.md) for ways to get started.\r\n\r\n## 📄 License\r\n\r\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0memo07%2Fquran-web-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0memo07%2Fquran-web-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0memo07%2Fquran-web-application/lists"}